Twitter Bootstrap Quitar el margen del intervalo

Question

Estoy usando Twitter Bootstrap. Y he usado span8 y span 4 en una fila. ¿Hay alguna forma de eliminar el margen delantero izquierdo: 20px del primer tramo de la fila sin necesidad de sobrepasarlo manualmente?

Answer 1

Ese margen de 20 píxeles que se ve en su área #mainContent se debe a la configuración de la parrilla de arranque, que utiliza un recipiente de 940px, que se supone que es eliminado por el contenedor .row con una propiedad margin-left:-20px. En su configuración, su área de contenido también funciona tal como fue diseñada, pero sus secciones superiores pageHeader y mainNav no están insertadas adecuadamente en la cuadrícula, solo tiene divisiones dentro de las secciones superiores .row que no están contenidas dentro de los contenedores adecuados de la grilla

Para solucionar esto, puede insertar todos sus elementos pageHeader y mainNav dentro de un contenedor .span12 y todo debe apilarse en consecuencia.

marcado fijo

<header class="row" id="pageHeader"> 
    <div class="span12"> 
     <div id="logo">Logo</div> 
     <div id="userDetails">userDetails</div> 
    </div> 
</header> 

<nav id="mainNav" class="row"> 
    <div class="span12"> 
     <ul> 
      <li><a href="home.html">Home</a></li> 
      <li><a href="dashboard.html">Dashboard</a></li> 
      <li><a href="blog.html">Blog</a></li> 
      <li><a href="idea_exchange.html">Idea Exchange</a></li> 
     </ul> 
    </div> 
</nav> 

Además, consejo rápido, puede cambiar su color mainNav antecedentes del contenedor de cuadrícula adecuada de .span12 simplemente por la orientación que de este modo:

nav#mainNav .span12 { 
    background: url("../images/nav_bar_bg.png") repeat-x scroll 0 0 transparent; 
    height: 45px; 
    overflow: hidden; 
} 

Answer 2

hay también pequeña utilidad menor en

http://getkickstrap.com/extras/#single-view

llamados flushspan

Answer 3

puede agregar una clase en el CSS con un importante:

ejemplo:

.no_margin{ 
margin:0px !important; 
} 

y añaden que la clase a su html cuando sea necesario.

(lo siento por mi mala Inglés xD)

Answer 4

Mediante el uso de "fila" o tipo "fila-fluido" como padre de su span class

<div class="row"> 
    <div class="span3"> 
     <ul> 
      <li><a href="home.html">Home</a></li> 
      <li><a href="dashboard.html">Dashboard</a></li> 
      <li><a href="blog.html">Blog</a></li> 
      <li><a href="idea_exchange.html">Idea Exchange</a></li> 
     </ul> 
    </div> 
</div>