2014-04-09 16 views
5

Tôi bắt đầu sử dụng Bootstrap 3 và có dạng dài. Tôi muốn tách riêng từng phần với màu nền có độ rộng đầy đủ khác nhau và tôi tò mò muốn đánh dấu chính xác những gì.Bootstrap 3 - Biểu mẫu dài với các phần khác nhau - toàn bộ chiều rộng nền

Nếu nó giống như sau?

<form> 
    <section> 
    <div class="container"> 
     <div class="row"> 
      <div class="form-group"> 
       <label for="email" class="col-sm-2 control-label">Email</label> 
       <div class="col-xs-12 col-md-4"> 
       <input type="email" class="form-control input-sm" name="email" id="email" value="" placeholder="Email"> 
       </div> 
      </div> 
     </div> 
    </div> 
    </section> 
</form> 
+0

Dường như bạn không sử dụng mô hình lưới khởi động chính xác. Về cơ bản nó chia một hàng thành 12 cột (hoặc chia tách một thành phần phụ 12 cách) để có col-xs-12 và col-md-4 trên cùng một phần tử không thực sự có ý nghĩa. Hãy xem tài liệu tại http://getbootstrap.com/css/ để xem cách mô hình lưới hoạt động – rom99

+0

Hmmm, vui lòng xem http://getbootstrap.com/css/#grid-example-mixed - trông giống như tôi ' m làm chính xác ... Dù sao, câu hỏi của tôi là về cách bố trí hình thức fullwidth ... – user1049961

+0

Dường như bạn đã đúng, vì vậy tôi đã học được điều gì đó sau đó! Lấy làm tiếc. Tôi không chắc rằng màu nền có chiều rộng đầy đủ cho mỗi phần bạn nói về có thể được ngụ ý chỉ từ đánh dấu ở đây vì vậy tôi đoán bạn sẽ triển khai một số lớp CSS của riêng bạn trên div ngoài để đạt được quyền đó? – rom99

Trả lời

9

Xin lỗi nếu quá muộn, nhưng đang tìm kiếm nội dung tương tự. Tìm thấy Panels tiện ích bên trong bootstrap cơ bản và làm việc cho tôi. Hy vọng có thể giúp ai đó.

Các vấn đề liên quan