Twitter Bootstrap - tại sao hàng lớp có lề trái: -20px?

Question

Tôi không hiểu tại sao hàng lớp có margin-left: -20px (vì vậy nó phát triển sau khi biên giới bố mẹ như trên hình ảnh). Tôi nghĩ không ai cần hành vi này. Hay tôi đang làm gì sai?

<div class="container"> 
     <div id="top-container" class="row"> 
      <div class="span8"> 
       <h1>App</h1> 
      </div> 
      <div class="span4"> 

      </div> 
     </div> 
    </div> 

Answer 1

Bạn có thể sử dụng hàng-chất lỏng thay vì hàng, sau đó span4 và span8 bạn sẽ không có margin-left.

<div class="container"> 
    <div id="top-container" class="row-fluid"> 
     <div class="span8"> 
      <h1>App</h1> 
     </div> 
     <div class="span4"> 

     </div> 
    </div> 
</div> 

Answer 2

Đối với những người cố gắng để tìm thấy điều này ra cho Bootstrap 3:

lưới và đầy đủ chiều rộng bố trí Folks tìm cách để tạo ra đầy đủ chất lỏng bố trí (có nghĩa là trang web của bạn trải dài toàn bộ chiều rộng của khung nhìn) phải quấn nội dung lưới của chúng trong một phần tử có chứa đệm: 0 15px; để bù đắp lề: 0 -15px; được sử dụng trên .rows.

Source (tìm kiếm Grids and full-width layouts)