Как в bootstrap при уменьшении экрана отпустить в низ средний блок

Здравствуйте как в bootstrap при уменьшении экрана отпустить в низ средний блок, а левый и правый должны остаться

Слишком абстрактное описание проблемы, нужно больше деталей. Что подразумевается под уменьшением экрана? Как заверстаны левый, правый и средний блоки? Было бы быстрее с примером кода в песочнице.

   <div class="row">
  <div class="col-6 col-md-4" style=" border: 1px solid red;">Блок 1</div>
  <div class="col-12 col-md-4" style=" border: 1px solid red;">Блок 2</div>
  <div class="col-6 col-md-4" style=" border: 1px solid red;">Блок 3</div>
 </div>

чтобы при уменьшении экрана в низ ушел блок 2, а блок 1 и 3 должны остаться на месте
возможно так в bootstrap?

Это требовалось? https://codepen.io/anon/pen/exePgg

1 лайк

Используй flexbox

Спасибо ваш пример мне помог,