避免在bootstrap span div中设置自动边距

Question

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

我的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;
}