Почему модальное окно в bootstrap позиционирует элементы не правильно?

Question

[Семён Катапаров]

Сделал. Получилось так: https://jsfiddle.net/DTcHh/18590/ Надо что бы оба блока были в 1 линию, а не на разных. Как теперь?

Answer 1

[Дмитрий]

Потому что
1. Pull-left и pull-right не влезают на одну строку
2. После них поставьте div class=Clearfix
3. Подвал будет выглядеть норм

Вместо pull-left и pull-right лучше используйте grid с колонками под разные размеры, тогда бутстрап сам решит когда сдвигать их, а когда поставить рядом.

Но если вам надо строго рядом, то выставляйте у pull-left и pull-right width:50%, а контент внутри должен либо сжиматься либо прятаться через overflow:hidden

Comments

[Семён Катапаров]

Сделал. Получилось так: https://jsfiddle.net/DTcHh/18590/ Надо что бы оба блока были в 1 линию, а не на разных. Как теперь?

Answer 2

[Valmih]

Вам блоки с col-md-6 нужно обернуть в class="container" и class="row" тогда всё получится.

Comments

[Семён Катапаров]

Всё равно - https://jsfiddle.net/DTcHh/18592/

[Valmih]

При какой ширине окна вы смотрите? col-md-6 - делит блоки по 6 колонок при ширине от 992px до 1200px. Почитайте документацию фреймворка bootstrap-3.ru/css.php. Ваш пример открыл - всё работает, но только при определенной ширине окна. Проверьте сами.