Возможно ли в Bootstrap добавить в блок несколько классов push и pull?

Question

[М Ц]

Не очень понятная проблема с изменением порядка блоков:
при попытке задать несколько классов push и pull, ползёт верстка. Если по одному классу на блок, то работает исправно.
Есть ли вообще в бутстрапе возможность присвоения нескольких push и pull?

Пример:

<div class="container">
            <div class="row"> 
                <div class="col-xs-6 col-md-12 col-md-push-12 col-lg-2 col-lg-push-8" style="background:red; height:300px">Первая колонка</div>
                <div class="col-xs-6 col-md-12 col-md-pull-12 col-lg-8 col-lg-pull-2" style="background:blue; height:300px">Вторая колонка</div>
                <div class="col-xs-12 col-md-12 col-lg-2" style="background:pink; height:300px">Третья колонка</div>
            </div>
</div>

Answer 1

[iBird Rose]

можно. но я не знаю какого вида ты хочешь добиться - поэтому хз как ты хочешь. но ползет у тебя только в md разрешении. значит смотри где ошибся в md-push и md-pull
p.s. у тебя на md везде col-md-12, а значит там push и pull вообще не нужен

Comments

[М Ц]

Да где здесь можно ошибиться-то?)
Нужно следующее: чтобы на md-экранах блок с текстом "Вторая колонка" переместилась на место блока с текстом "Первая колонка". Во всех блоках количество колонок в md - 12
Не смог найти ни одного примера, где бы было реализовано несколько push и pull(((

[iBird Rose]

М Ц: ты понимаешь логику push и pull? он просто двигает блок вправо или влево. ты не сможешь двигать колонки вверх и вниз. для этого тебе нужно изначально в html создавать их так чтобы при col-md-12 они выстроились в правильной последовательности.

Answer 2

[Владимир]

col-*-push-* и col-*pull-* должны ДОПОЛНЯТЬ друг друга. Если в одной колонке col-md-push-11, то в соседней нужно col-md-pull-1 и наоборот.