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

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

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