Twitter Bootstrap删除跨度的页边距

Question

我正在使用Twitter Bootstrap。我已经连续使用了span8和span 4。无论如何要从行的第一个跨度中删除前边距 - 左：20像素，而不需要手动操作它？

Answer 1

这20像素的保证金您在#mainContent地区看到的是由于自举格，它使用的940px容器的设置，它应该通过与margin-left:-20px属性.row容器中取出。在您的设置中，您的内容区域的工作方式与其设计方式一样，但是您的顶部pageHeader和mainNav部分未正确插入网格中，因此只有.row顶部部分中的div没有包含在适当的容器中的网格。

要解决此问题，您只需将所有pageHeader和mainNav元素插入.span12容器中，并且所有内容都应该相应地堆叠。

固定标记

<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> 

此外，即时提示，你可以简单地通过像这样针对其切换你的mainNav背景色的.span12适当的网格容器：

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

Answer 2

有

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

称为flushspan

Answer 3

，你可以在你的CSS添加一类重要的：

例如：

.no_margin{ 
margin:0px !important; 
} 

并在需要时该类添加到您的HTML。

（对不起我的英文不好XD）

Answer 4

通过使用“行”或“排液”类作为您的跨度类

<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>