Flat UI, Bootstrap Отзывчивые вопросы дизайна

Question

Я в процессе ознакомления с платформой Bootstrap Twitter, а также с плоским интерфейсом, но у меня есть некоторые неожиданные функции с отзывчивым макетом. Я не думаю, что проблема вызвана Flat UI, поскольку то же самое происходит даже при удалении этих ссылок.

У меня есть 2 столбца, ширина которых составляет 50%, используя класс = "span6". На полноэкранном (большом мониторе) дизайн выглядит так, как я ожидал бы, но если я постепенно уменьшу свою ширину браузера, столбцы перейдут от плавающего до уложенного, а затем вернутся к плавающей, а затем, наконец, снова вернутся в штабель! Я ожидал бы, что они останутся плавающими до тех пор, пока ширина экрана не будет достаточной, а затем изменится на сложность, поэтому я не могу понять несколько изменений. Я создал little demo here.

Может ли кто-нибудь объяснить любые причины, почему это происходит?

Спасибо!

Answer 1

Вы используете версию бутстрапа 3.0.0 для bootstrap.css и 2.3.2 для загрузочного файла-responsive.css.

Bootstrap 3.0 в настоящее время отказывается от использования span * в CSS. Вам также нужно загрузить и использовать 2.3.2 для bootstrap.css (если вы собираетесь использовать span * и т. Д.)

Вы можете получить 2.3.2 bootstrap.css от here, вы должны использовать это и заменить текущий 3.0.0 bootstrap.css, который вы используете.