我使用Twitter Bootstrap。我已经使用span8和跨4连续。有没有反正删除前边距左：20px从行的第一个跨度，而不需要手动过度？
解决方法
在你的#mainContent区域看到的20px margin是由于引导网格的设置，它使用一个940px的容器，它应该被.row容器删除margin-left：-20px属性。在你的设置中，你的内容区域的工作方式和它的设计一样，但你的首页Header和mainNav部分没有被适当地插入到网格中，你只有div在.row顶部部分，没有被包含在正确的容器的网格。
要解决这个问题，你可以将所有的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;
}
