Bootstrap 3: Тяни/Толкай столбцы только на меньших размеров экрана

Question

У меня есть следующий макет на странице:

<div class="col-lg-3">1</div> 
<div class="col-lg-2">2</div> 
<div class="col-lg-2">3</div> 
<div class="col-lg-2">4</div> 
<div class="col-lg-3">5</div> 

--------- ----- ----- ----- --------- 
| 1 | 2 | 3 | 4 | 5 | 
--------- ----- ----- ----- --------- 

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

<div class="col-xs-6">1</div> 
<div class="col-xs-6">5</div> 
<div class="col-xs-4">2</div> 
<div class="col-xs-4">3</div> 
<div class="col-xs-4">4</div> 

----------------- ----------------- 
|  1  |  5  | 
----------------- ----------------- 
|  2  |  3  |  4  | 
----------- ----------- ----------- 

(Обратите внимание на повторную настройку порядка столбцов.) Можно ли нажимать/вытягивать столбцы только на меньших размерах экрана? Я попытался следующие, но я получаю странное расположение, и, кажется, теряют <div>5</div> полностью ...:

<div class="col-lg-3 col-xs-6">1</div> 
<div class="col-lg-2 col-xs-4 col-xs-push-4">2</div> 
<div class="col-lg-2 col-xs-4>3</div> 
<div class="col-lg-2 col-xs-4>4</div> 
<div class="col-lg-3 col-xs-6 col-xs-pull-12">5</div> 

Answer 1

Ответил сам, просто думая: мобильный первым!

<div class="col-lg-3 col-xs-6">1</div> 
<div class="col-lg-3 col-xs-6 col-lg-push-6">5</div> 
<div class="col-lg-2 col-xs-4 col-lg-pull-3">2</div> 
<div class="col-lg-2 col-xs-4 col-lg-pull-3">3</div> 
<div class="col-lg-2 col-xs-4 col-lg-pull-3">4</div> 

Получить их в порядке, я хочу на планшете, а затем нажмите/тянуть их в положении на рабочем столе.

Answer 2

У меня был немного другой требование (еще в подобных линиях)

ниже получает меня там:

<div class="row"> 
    <div class="col-lg-1 col-xs-2">TIME</div> 
    <div class="col-lg-5 col-xs-6">EVENT</div> 
    <div class="col-lg-2 col-xs-4">STATUS</div> 

    <div class="col-xs-2 visible-xs"></div> @*offset for xs*@ 

    <div class="col-lg-2 col-xs-6">START LIST</div> 
    <div class="col-lg-2 col-xs-4">RESULTS</div> 
</div>