Почему не работают pull и push bootstrap3?

Question

[drtvader]

Почему может не работать? что не так сделал?

<div class="b-rewiews__rewiew-name b-rewiews__rewiew-name--form row">
    <div class="col-sm-push-6 row">
        <div class="b-rewiews__group col-md-2 col-sm-6 col-xs-12"></div>
        <div class="b-rewiews__group col-md-2 col-sm-6 col-xs-12"></div>
    </div>
    <div class="col-sm-pull-6 row">
        <div class="b-rewiews__social-login col-md-2 col-sm-6 col-xs-12"></div>
        <div class="b-rewiews__rating-input b-rewiews__rating-input--no-autorized col-md-1 col-sm-6 col-xs-12"></div>
    </div>
</div>

Answer 1

[drtvader]

Для родительского элемента display: table; width: 100%;
для внутренних
display: table-footer-group;
display: table-row-group;
display: table-header-group;

Answer 2

[bromzh]

Потому что ты их используешь вместе с row.
Да и вообще, зачем ты используешь пуши/пулы, если нужно просто прописать класс col-sm-6:

<div class="b-rewiews__rewiew-name b-rewiews__rewiew-name--form row">
    <div class="col-sm-6">
        <div class="row">
            <div class="b-rewiews__group col-md-2 col-sm-6 col-xs-12"></div>
            <div class="b-rewiews__group col-md-2 col-sm-6 col-xs-12"></div>
        </div>
    </div>
    <div class="col-sm-6">
        <div class="row">
            <div class="b-rewiews__social-login col-md-2 col-sm-6 col-xs-12"></div>
            <div class="b-rewiews__rating-input b-rewiews__rating-input--no-autorized col-md-1 col-sm-6 col-xs-12"></div>
        </div>
    </div>
</div>

Comments

[drtvader]

Мне надо второй блок выставить выше первого блока.

[bromzh]

drtvader: Так поменяй местами их в самой вёрстке. В документации же прямым текстом написано: "Column ordering". Колонки и строки - немного разные вещи как бы.
Упорядочивание по всем направлениям есть во flexbox, если разметку лень менять.

[drtvader]

bromzh: ну в декстопной версии они работают правильно, а в таблет версии левый блок уходит под правый.