twitter-bootstrap - 是否可以选择跨度的堆叠顺序？

Question

我正在使用 Twitter Bootstrap 开始一个项目，并且非常喜欢响应式 css，当视口(viewport)变小时，跨度堆叠在彼此之上。

给定以下设计:http://jsfiddle.net/kJp6J/1/



是否可以选择在小屏幕上首先堆叠哪个 block ？就我而言，我希望首先出现右侧的 block ，然后是左侧的 block 。

有没有办法做到这一点？

Answer 1

HTML

使用 .container 包装您的内容，把那个大块放在第一位，加上.pull-right所以它看起来是正确的:

<div class="container">
  <div class="row">
    <div class="span4 pull-right">
      <img src="http://placehold.it/280x180">
    </div>
    <div class="span8">
      <!-- ... -->
    </div>
  </div>
</div>

CSS

在移动设备上时，将其放在应有 float:none 的位置:

@media (max-width: 767px) {
  [class*="span"].pull-right {
    float: none;
}

这里是 fiddle ，我希望它能像你想要的那样工作。