У меня есть этот простой код с 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?

css twitter-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

Похожие вопросы

33 Как сделать раскрывающееся меню Twitter Bootstrap при наведении курсора, а не при нажатии
23 Как получить центрированный контент с помощью Twitter Bootstrap?
21 Twitter Bootstrap - добавьте верхнее пространство между строками
26 Кнопка загрузки элемента файла формы начальной загрузки Twitter
30 Центрировать столбец с помощью Twitter Bootstrap 3
11 Изменить цвет навигационной панели в Twitter Bootstrap
31 Как сделать столбцы Bootstrap одинаковой высоты?
25 вертикальное выравнивание с помощью Bootstrap 3
💵 Получи $100 на хостинг на 60 дней.
Регистрируйся!

Новые вопросы

1 Прокрутка в стиле TikTok с помощью CSS
2 Как установить изображение поверх другого изображения (фона) в CSS?
1 Элементы навигации при наведении увеличивают общий размер панели навигации.
1 Размер шрифта строки поиска после расфокусировки
1 Как я могу интегрировать значок шрифта в свой html без ссылки?
2 Мне нужно написать оператор if для добавления изображения рядом с тегом h1 в неупорядоченный список, если изображение существует
1 Изображения во флекс-боксе выглядят по-разному в Chrome и Firefox — как сделать так, чтобы они выглядели как в Firefox?
2 Как разместить элемент hr в определенном месте?
1 Эффект прокрутки для кнопки «Удалить», отображаемой в окне уведомлений
2 Различная высота html для практически одного и того же кода React
Все вопросы по теме css >

css

CSS (каскадные таблицы стилей) - это язык таблиц стилей представления, используемый для описания внешнего вида и форматирования документов HTML (язык разметки гипертекста), XML (расширяемый язык разметки) и элементов SVG, включая (но не ограничиваясь) цвета, макет, шрифты, и анимации. Также описывается, как элементы должны отображаться на экране, на бумаге, в речи или на других носителях.

Подробнее про css...