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

Question

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

鉴于以下设计：http: //jsfiddle.net/kJp6J/1/

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

有没有办法做到这一点？

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

这是小提琴，我希望它能像你想要的那样工作。