Question

我正在使用Twitter Bootstrap。我已经连续使用span8和span 4。无论如何都要删除前导边距：距离行的第一个跨度20px而不需要手动超过它？

Answer 1

你在#mainContent区域看到的20px余量是由于设置了引导网格，它使用了940px的容器，它应该由.row删除容器margin-left:-20px属性。在您的设置中，您的内容区域的设计工作方式也是如此，但您的热门pageHeader和mainNav部分未正确插入网格中，您只需在{{1}内部设置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

Answer 2

你可以在你的CSS中添加一个带有！important：

的课程

示例：

.no_margin{
margin:0px !important;
}

并在需要时将该类添加到您的html中。

（抱歉我的英文不好xD）

Answer 3

的效用也很小

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

叫做flushspan

Answer 4

使用“row”或“row-fluid”类作为span类的父级

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

Twitter Bootstrap删除跨度的保证金

4 个答案: