Bootstrap Hệ thống lưới lồng nhau Thực tiễn tốt nhất

Question

Tôi đang cố gắng tạo một trang web bằng cách sử dụng bootstrap và không có css bên ngoài. Có vẻ như tôi có thể đạt được nhiều mục tiêu định dạng của mình bằng cách sử dụng các hệ thống lưới lồng nhau.

e.x.

<div class="container-fluid bs-docs-grid"> 
    <div class="row show-grid"> 
     <div class="col-md-6"> 
      <div class="row show-grid"> 
       <div class="col-md-4"> 
       </div> 
       <div class="col-md-4"> 
       </div> 
      </div> 
     </div> 
     <div class="col-md-6"> 
     </div> 
    </div> 
</div> 

Đây có phải là phương pháp hợp lý không?

Answer 1

Mã của bạn cho làm tổ là chính xác những gì Bootstrap khuyến cáo: http://getbootstrap.com/css/#grid-nesting

Trừ khi bạn có một nhu cầu cụ thể đối với các show-lưới và lớp bs-docs-lưới, không có cần phải bao gồm chúng. Chúng không phải là một phần của CSS khởi động cơ sở.

Nếu bạn có thể đạt được bố cục bạn cần bằng cách sử dụng lưới lồng nhau, tôi chắc chắn sẽ sử dụng chúng. Chúng sẽ giúp bạn tiết kiệm thời gian và giảm các vấn đề tương thích với trình duyệt tiềm năng.

Chúc may mắn!