2013-08-02 4 views
1

Я создаю веб-страницу этого загрузочного буфера model. Проблема, с которой я столкнулся, и что я не могу понять, почему две компании внутри класса span10 не занимают всю строку?Элементы ряда Bootstrap, не занимающие всю ширину

Самый простой способ понять это - это сначала посмотреть на это fiddle. Затем сделайте inspect element в строке компании. Обратите внимание, что span10 div занимает правильную ширину (она идет до конца страницы). Тем не менее, два деления span5 внутри этого должны занимать всю ширину внутри span10. По крайней мере, по моему пониманию бутстраповских лесов, они должны быть. (Возможно, я ошибаюсь). В любом случае, они не занимают всю ширину, как я полагаю.

CSS в скрипке скопирован прямо из незагруженного файла начальной загрузки. Поэтому css не должен быть проблемой (при выходе версии 3 у меня возникли проблемы с загрузкой с сервера начальной загрузки).

Кроме того, проблема не в том, что я не знаю, что есть строка внутри строки, потому что если вы посмотрите на страницу примера загрузки, которую я предоставил, это то, что они делают, и она работает для них :).

Если непонятно, что я прошу, задайте вопросы, и я отвечу быстро!

Благодаря

ответ

3

Bootstrap использует компоновку сетки 12 столбцов, поэтому используйте .span6, если вы хотите, две колонки, чтобы взять всю ширину строки. Каждая новая строка внутри столбца будет рассматриваться как полная сетка с 12 столбцами.

+1

Точно, что я собирался сказать .. вот демо: http://bootply.com/71528 – ZimSystem

+0

Вы совершенно правы. Спасибо за быстрый ответ. Я даже не заметил, что подстрочные строки в примере начальной загрузки составляют до 12 (facepalm!). – jlars62

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