Bootstrap su Twitter - perché la classe di riga ha margine di sinistra: -20px?

Question

Non capisco perché la classe di riga abbia margin-left: -20px (quindi cresce dopo il bordo dei genitori come nell'immagine). Penso che nessuno abbia bisogno di questo comportamento. O sto facendo qualcosa di sbagliato?

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

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

Answer 1

È possibile utilizzare fila-fluido, invece di fila, allora il vostro span4 e span8 non dovrete 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

Per le persone che cercano di trovare questo fuori per Bootstrap 3:

Griglie e tutta larghezza layout gente alla ricerca per creare completamente fluido layout (che significa il vostro sito si estende per tutta la larghezza della finestra) deve racchiudere il contenuto della griglia in un elemento contenente con padding: 0 15px; per compensare il margine: 0 -15px; usato su .rows.

Source (cercare Grids and full-width layouts)