Установить точку останова для сетки Bootstrap - PullRequest
0 голосов
/ 01 октября 2019

Я использую систему сетки начальной загрузки (3.4.1) в моем проектеact.js. У меня есть два столбца C1 и C2.

|C1 |C2 |

Если я уменьшу ширину экрана, C2 по умолчанию переходит под C1. Но я хочу, чтобы противоположный C1 сломался под C2. Возможно ли достичь этого, используя только начальную загрузку?

Ответы [ 2 ]

1 голос
/ 01 октября 2019

В Bootstrap 3 вы можете сделать, как показано ниже:

<div class="container-fluid">
  <div class="row">
    <div class="col-sm-4 col-sm-push-8 bg-info">C2</div>
    <div class="col-sm-8 col-sm-pull-4 bg-success">C1</div>
  </div>
</div>

Рабочий кодекс для того же https://codepen.io/R1112/pen/RwbzmEL

0 голосов
/ 01 октября 2019

Используйте это в Bootstrap 3.

<div class="container">
  <div class="row">
    <div class="col-sm-12 col-md-6" style="float:right">
      C2
    </div>
    <div class="col-sm-12 col-md-6" style="float:right">
      C1
    </div>
  </div>
</div>
...