Можно ли выбрать порядок стеков пролетов?

Я начинаю проект с Twitter Bootstrap и совершенно как отзывчивый css, делая стеки стек сверху друг друга, когда область просмотра становится меньше.

Учитывая следующий дизайн: http://jsfiddle.net/kJp6J/1/

Twitter responsive design

Можно ли выбрать, какой блок будет укладываться сначала на маленькие экраны? В моем случае я хотел бы, чтобы блок справа появлялся первым, а затем блоки слева.

Есть ли способ сделать это?

Ответы

Ответ 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, я надеюсь, что он работает так, как вы этого хотите.