html - 在移动设备中查看时，Bootstrap pull-right 将 DIV 堆叠在一起

Question

考虑代码

<div class="container">

<div class="row">
  <div id="right" class="span4 pull-right"> right </div>
  <div class="span8"> left </div>
</div>

</div>

和 CSS

#left {
    background-color:red;
}

当在移动设备或窄屏上查看时，左边的DIV在右边的DIV下面(这很好)但是背景颜色是从右边的DIV开始的，见附件

那么如何让红色背景只出现在底部呢？

jsfiddle:http://jsfiddle.net/6F4dg/

Answer 1

#left {
    background-color:red;
}

#right {
    float: none;
    clear: both;
}

禁用 float 并清除两者，#right 将在顶部，#left 将在底部，红色背景。