2012-06-26 37 views
17

Tôi đã sử dụng bootstrap trong vài tháng và đang tìm cách làm rõ điều gì đó như một phần của các phương pháp hay nhất.Twitter Bootstrap Containers

Câu hỏi của tôi là tạo vùng chứa cho mỗi hàng hoặc chỉ một vùng chứa lớn cho toàn bộ trang.

example1 (Closed Containers)

<div class="container"> 
    <div class="row"> 
     <div class="span8 offest2"> 
      <h1>Content</h1> 
     </div> 
    </div> 
</div> 


<div class="container"> 
    <div class="row"> 
     <div class="span8 offest2"> 
      <h1>More Content</h1> 
     </div> 
    </div> 
</div> 

Ví dụ 2 (1 container lớn)

<div class="container"> 

    <div class="row"> 
     <div class="span8 offest2"> 
      <h1>Content</h1> 
     </div> 
    </div> 

    <div class="row"> 
     <div class="span8 offest2"> 
      <h1>Content</h1> 
     </div> 
    </div> 

</div> 

Bất kỳ trợ giúp đánh giá cao, chỉ cần không muốn để có được vào những thói quen xấu từ rất sớm

+1

Tôi nghĩ câu trả lời thực sự là ví dụ 1. Giả sử thiết kế của bạn có tiêu đề yêu cầu phải là 'container-fluid' +' row-fluid', nhưng vùng nội dung chính được cho là cố định, sau đó footer cần lại là chất lỏng. Bạn có thể sẽ tốt hơn với 3 container. – StackOverflowNewbie

Trả lời

13

tôi sẽ đề nghị ví dụ thứ hai. Trong lần đầu tiên bạn có mã trùng lặp mà không có ý nghĩa thực sự. Luôn luôn suy nghĩ về nguyên tắc "Đừng lặp lại chính mình".

16

Nhiều hàng một cách hợp lý có thể là một phần của cùng một mạng lưới, như các hàng trong bảng. .container đại diện cho một lưới. Vì vậy, Ví dụ 2 sẽ là con đường để đi.