У меня есть этот простой код с Twitter Bootstrap 3: http://jsfiddle.net/korjavin/xUJGV/3/.

(только результат: http://jsfiddle.net/korjavin/xUJGV/3/embedded/ результат /)

Меня смущает, что строки с текстом lorem-lipsum не имеют вертикального поля.

Я могу добавить margin-top в custom.css , но подключить его ко всем классам, например, col-sm-1(2 ..), col-xs-*, col-* ... выглядит плохим решением.

Как лучше всего добавить вертикальный отступ для всех классов сетки Bootstrap?

4
Korjavin Ivan 10 Сен 2013 в 09:15

1 ответ

Лучший ответ

Лучшее решение - соблюдать правила Bootstrap о вложении элементов. container, внутри него row, внутри него несколько col, которые в сумме не превышают 12. Затем каждый абзац помещается в тег <p> и так далее.

В основном ваша проблема заключается в правильном использовании элементов Bootstrap, а не в CSS.

Проверьте улучшенную версию своей скрипки, также в полноэкранный режим.

5
albertedevigo 10 Сен 2013 в 13:21
Итак, я должен посмотреть, чтобы сводка столбцов была <12? Я думал, что это не важно. Спасибо.
 – 
Korjavin Ivan
10 Сен 2013 в 13:38
И вы также вкладывали col прямо в container, я добавил row между ними.
 – 
albertedevigo
10 Сен 2013 в 13:42