Как изменить порядок столбцов в bootstrap на разных экранах?

Question

[mitaichik]

Всем привет! У нас 2х колоночная верстка. Нужно чтоб на маленьких экранах правая колонка вставала в середину левой...
Вот пример: код:

<div class="row">
        <div class="col-md-6">
            <div class="bg-danger">1</div>
            <div class="bg-success">3</div>
        </div>
        <div class="col-md-6">
            <div class="bg-warning">2</div>
        </div>
    </div>

Вот как это выглядит:


На маленьком экране это выглядит так:


А нам нужно чтоб порядок был 1-2-3.

Подскажите, можно ли такое сделать средствами css? Заранее спасибо!

Answer 1

[Alex]

<div class="row">
        <div class="col-md-6">
            <div class="bg-danger">1</div>
       </div>
    <div class="col-md-6">
            <div class="bg-success">2</div>
        </div>
        <div class="col-md-6">
            <div class="bg-warning">3</div>
        </div>
    </div>

Comments

[mitaichik]

Спасибо!