Twitter Загрузочная иерархия Bootstrap

Question

Я относительно новичок в использовании Twitter-загрузки Bootstrap 2, так как я только использовал Foundation. Одна вещь, которую я не могу понять, как это сделать, - это управлять укладкой на меньшие разрешения.

У меня есть три колонки, которые я использую, две боковые панели и область содержимого. Выглядит вот так:

| Sidebar 1 | | Content  | | Sidebar 2 | 

В меньшем разрешении, однако, я хочу, чтобы столбцы складывают следующим образом:

| Content | 
| Sidebar 1 | 
| Sidebar 2 | 

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

Спасибо!

Answer 1

В Bootstrap нет механизма для управления порядком укладки - элементы будут складываться в том порядке, в котором они отображаются в HTML.
Если .pull-left и .pull-right достигли желаемого поведения, это, вероятно, лучший выбор, не прибегая к использованию JavaScript.

Answer 2

Я просто выяснить, как сделать то же самое, а вот код:

<div class="container"> 
    <div class="row"> 
    <div class="span9"> 
     <div class="row"> 
     <div class="span6 pull-right">Content</div> 
     <div class="span3 pull-left">Sidebar 1</div> 
     </div> 
    </div> 
    <div class="span3">Sidebar 2</div> 
    </div> 
</div> 

Я использовал тот же мешок «уловок» в моем Blueprint CSS Class, но только недавно преобразованы в Bootstrap и я конвертирую вещи. Прости, я немного опоздал.