Как изменить расположение блока в bootstrap в мобильной версии?

Question

[sunnyrio]

Почему при сужении экрана, когда блоки располагаются друг под другом, заголовок блока находиться на одном уровне с нижней частью предыдущего блока? Смотри рисунок:

Comments

[Антон]

У кнопки float:right?

[sunnyrio]

Да

Answer 1

[Zombie42679]

А код то можно ? Мне кажется тут многие варианты могут быть, как и вариант с float для кнопки, если кнопка зафлочена пишите свойство clear с нужным вам значением.

Comments

[sunnyrio]

да зафлочена, а как реализовать clear?

[Zombie42679]

sunnyrio,

1. Для следующего элемента за кнопкой, в вашем случае для блок поставить clear: both,

2. Либо пустой div после кнопки поставить и ему дать clear: both

3. После зафлоченного элемента, следующему элементу сделать псевдоэлемент со свойствами:
clear: both;
content: '';
display: block;

https://codepen.io/anon/pen/YeVpPd

[sunnyrio]

Zombie42679, пример можешь написать

[sunnyrio]

2го варианта

[Zombie42679]

sunnyrio, видимо, я что-то напутал, пробуй другие два способа, они точно рабочие.

[Zombie42679]

sunnyrio, А нет, я просто перепутал элементы

Вот так https://codepen.io/anon/pen/YeVpPd можно сделать

Answer 2

[Nevada18]

гуглите clearfix

Comments

[sunnyrio]

я ставил пустой блок с классом clearfix не помогло

[Nevada18]

sunnyrio, clearfix надо ставить к блоку с флоатом и использовать пседоэлемент after