2015-04-15 4 views
0

У меня возник вопрос о том, что может вызвать следующую ошибку при загрузке 3. Раньше я писал HTML-код и использовал CSS для стилей и использовал bootstrap 3 для строк и столбцов.Как обрабатываются строки в bootstrap

Теперь у меня было все внутри контейнера с жидкостью, а у контейнера были поля и т. Д. У него стандартный заголовок, и каждый ряд был разделен на две колонки, где каждый размер имеет ширину 6, т.е. col-lg-6 .... внутри контейнера, а затем У меня были метки и входы внутри моих строк. Просто базовый макет.

Теперь, когда я пытался дать нижнюю границу каждой строке, я заметил, что после проверки элемента строка была фактически за пределами назначенных столбцов/делений .

Однако, когда я изменил класс от строки к строке-жидкости, он отлично работает. Почему это? Кроме того, я заметил, что если я сделаю четкий div после использования row-fluid, он фиксирует некоторые очевидные проблемы с интервалом, это требование при использовании row-fluid или мой код просто где-то испортился.

Запрашиваю, потому что я думал, что строка-жидкость была только бутстрапом 2, а не 3 штукой, или я ошибаюсь?

Я бы включил скрипку, показывающую, что именно вы говорите, но не имеете доступного кода.

+0

Действительно трудно диагностировать без какого-либо чувства кода. Скорее всего, это противоречивый CSS или способ его маркировки. – Armstrongest

ответ

1

TWBS-2 http://getbootstrap.com/2.3.2/scaffolding.html#global

TWBS-3 http://getbootstrap.com/css/#grid-intro

<div> вложенные под <div class="row"> нести ширину атрибуты контейнера в зависимости от размера окна просмотра, включая все желобов и дополнения.

Сравнение TWBS-2 и TWBS-3, сетка сетки TWBS-3 обозначается как жидкость для всех размеров видовых экранов. .row-fluid не задокументирован как опция, но я бы назвал их историю версий для этих конкретных изменений. Если применяется история версий <div class="row-fluid">, то желоба и прокладка его дочерних колонок <div> становятся полными по ширине до размера контейнера, а не фиксированной ширины, как определено правилами сетки TWB-S3 без обозначения .row-fluid.

+0

Хорошо, теперь это имеет смысл. Спасибо, теперь я понимаю, откуда эта проблема исходит –

Смежные вопросы