避免在自举跨度中设置自动保证金div

我的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最初留下一些空白，我想避免。

我该怎么做？

来源

2013-04-29 user2314342

这是没用的目前，当[Bootstrap 3]（https://github.com/twitter/bootstrap/pull/6342）被释放时，它将有'.push *'和'.pull *'类到c改变列的顺序。从链接：'添加.push *和.pull *修饰符类，以便于列源排序。' – Bojangles 2013-04-29 11:33:13

@Bojangles，我试图找到.push *和.pull *修饰符类，以便在http：// acmetech .github.io/todc-bootstrap-3/assets/css/todc-bootstrap.css。但是，我不明白。我在哪里可以找到它？ – user2314342 2013-04-29 12:31:12

它将在Bootstrap ** 3 **中发布。它目前在2.x行中不可用 – Bojangles 2013-04-29 13:44:33

尝试增加这种风格：

#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就是胜过了引导CSS的这一部分：

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

来源

2013-04-30 21:17:57 bridgepickup

避免在自举跨度中设置自动保证金div

回答

相关问题