Twitter Bootstrap删除跨度的保证金

Question

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

Answer 1

你在你的#mainContent区域看到的20px边距是由于引导网格的设置,它使用了一个容器940px,它应该被.row带有margin-left:-20px属性的容器删除.在您的设置中,您的内容区域的工作方式也是如此,但您的顶部pageHeader和mainNav部分未正确插入网格中,您只需在.row顶部内部包含div,这些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

你可以在你的css中添加一个带有!important的类:

例:

.no_margin{
margin:0px !important;
}

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

(抱歉我的英文不好xD)