css - 避免在引导跨度 div 中设置自动边距

Question

我正在使用引导流体布局。我想要的布局如下：

我的html代码

<div class="container">
    <div class="row-fluid">
        <div class="span4 well">span4</div>
        <div id="h" class="span8 well ">span8</div>
     </div>
     <div id='calendar' ></div>
</div>

它为桌面提供span4连续span8列。在小型设备上，它span4位于顶部并显示span8在其下方。但是，当屏幕调整大小时，我想span8在它的顶部和span4下方。

我试过的解决方案

<div class="container">
    <div class="row-fluid">
        <div id="h" class="span8 well pull-right">span8</div>
        <div class="span4 well ">span4</div>
    </div>
    <div id='calendar' ></div>
</div>

它可以工作，但它为大屏幕提供了以下布局。span4最初留下一些我想避免的余量。

我怎样才能做到这一点？

Answer 1

尝试添加这种样式：

#x{
    margin-left: 0px;
}

并将您的 html 更新为：

<div class="container">
    <div class="row-fluid">
        <div id="h" class="span8 well pull-right">span8</div>
        <div id="x" class="span4 well">span4</div>
    </div>
    <div id='calendar' ></div>
</div>

id 只是胜过 Bootstrap css 的这一部分：

[class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 20px;
}