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

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

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