Используя функцию Pull Push, столбцы не меняются местами в мобильном представлении. - PullRequest
Новая
       8

Используя функцию Pull Push, столбцы не меняются местами в мобильном представлении.

0 голосов
/ 17 января 2019

У меня есть 3 столбца подряд: 8, 4 и 12. В мобильном представлении я хочу поменять местами 4 и 12 enter image description here

<div class="container-fluid">
  <div class="row">
    <div class="col-sm-4">Col 1</div>
    <div class="col-sm-8 col-xs-12 col-xs-push-12">Col 2</div>
    <div class="col-sm-12 col-xs-12 col-xs-pull-12">Col 3</div>
  </div>
</div>

Приведенный выше код удаляет отзывчивость даже в режиме рабочего стола.

Мне нужно, чтобы второй столбец был на третьем месте, а третий столбец - на втором месте в мобильном представлении

1 Ответ

0 голосов
/ 17 января 2019

Вам нужно использовать Bootstrap 3? Вы можете использовать переупорядочение в Bootstrap 4:

HTML: 

<div class="container-fluid">
  <h1>Push and Pull</h1>
  <div class="row">
    <div class="col-sm-4">Col 1</div>
    <div class="col-sm-12 order-sm-last">Col 3</div>
    <div class="col-sm-8 ">Col 2</div>
  </div>
</div>
...