ЛУЧШИЙ САЙТ ДЛЯ РАЗРАБОТЧИКОВ
×

Bootstrap Tutorial

BS HOME BS Get Started BS Grid Basic BS Typography BS Tables BS Images BS Jumbotron BS Wells BS Alerts BS Buttons BS Button Groups BS Glyphicons BS Badges/Labels BS Progress Bars BS Pagination BS Pager BS List Groups BS Panels BS Dropdowns BS Collapse BS Tabs/Pills BS Navbar BS Forms BS Inputs BS Inputs 2 BS Input Sizing BS Media Objects BS Carousel BS Modal BS Tooltip BS Popover BS Scrollspy BS Affix BS Filters

Bootstrap Grids

BS Grid System BS Stacked/Horizontal BS Grid Small BS Grid Medium BS Grid Large BS Grid Examples

Bootstrap Themes

BS Templates BS Theme "Simply Me" BS Theme "Company" BS Theme "Band"

Bootstrap CSS Ref

CSS All Classes CSS Typography CSS Buttons CSS Forms CSS Helpers CSS Images CSS Tables CSS Dropdowns CSS Navs Glyphicons

Bootstrap JS Ref

JS Affix JS Alert JS Button JS Carousel JS Collapse JS Dropdown JS Modal JS Popover JS Scrollspy JS Tab JS Tooltip


Bootstrap CSS Глобальный размер шрифта


Настройки по умолчанию Bootstrap

Глобальный размер шрифта по умолчанию Bootstrap — 14px, с высотой строки 1,428.

Это применяется к < BODY > и ко всем абзацам.

Кроме того, все элементы < p > имеют нижнее поле, равное половине вычисляемой высоты линии (10px по умолчанию).


Типографии

Элементы, приведенные ниже, являются HTML-элементами, которые по умолчанию будут стилизованы немного по-другому, чем параметры браузера. Посмотрите на примеры "попробовать", чтобы увидеть результат/отличия.

Классы, приведенные ниже, используются для дальнейшего стиля элементов.

Элемент/класс Описание
<h1> - <h6>
or
.h1 - .h6
H1-H6 рубрики
<small> Создает светлый, дополнительный текст в любом заголовке

Заголовок (вторичный текст)

.small Обозначает меньший текст (значение 85% от размера родительского элемента): меньший текст
.lead Выделяет текст: выделить текст
<mark>
or
.mark
Выделение текста: выделенный текст
<del> Обозначает удаленный текст: Удаленный текст
<s> Указывает больше не соответствующий текст: больше не релевантный текст
<ins> Указывает вставленный текст: вставленный текст
<u> Обозначает подчеркнутый текст: подчеркнутый текст
<strong> Указывает полужирный текст: полужирный текст
<em> Указывает курсив текста: курсив текст
.text-left Указывает текст, выровненный по левому краю
.text-center Обозначает текст, выровненный по центру
.text-right Указывает текст с выравниванием по правому краю
.text-justify Обозначает обоснованный текст
.text-nowrap Обозначает отсутствие текста переноса
.text-lowercase Обозначает текст в нижнем регистре: строчный текст
.text-uppercase Обозначает прописной текст: прописной текст
.text-capitalize Обозначает прописной текст: прописной текст
<abbr> Элемент < abbr > указывает аббревиатуру или акроним. Аббревиатуры с атрибутом title имеют пунктирную нижнюю границу и курсор справки при наведении, обеспечивая дополнительный контекст при наведении.
.initialism Отображает текст внутри элемента < abbr > в немного меньшем размере шрифта
<address> Представляет контактную информацию
<blockquote> Указывает блоки содержимого из другого источника
.blockquote-reverse Указывает цитата с содержимым, выровненным по правому краю
<ul> Указывает неупорядоченный список
<ol> Указывает упорядоченный список
.list-unstyled Удаляет стандартный стиль списка и левое поле для элементов списка (работает как на < ul >, так и на < ol >). Этот класс применяется только к элементам списка непосредственных дочерних элементов (чтобы удалить стиль списка по умолчанию из любых вложенных списков, примените этот класс ко всем вложенным спискам)
.list-inline Размещение всех элементов списка в одной строке
<dl> Указывает список описания
.dl-horizontal Выводятся строки терминов и описаний в элементе < DL > рядом друг с другом. Начинается, как по умолчанию < DL > s, но когда окно обозревателя расширяется, он будет выстроился бок о бок

Код

Элемент/класс Описание
<var> Указывает переменные: x = ab + y
<kbd> Указывает ввод, который обычно вводится с помощью клавиатуры: CTRL + P
<pre> Указывает несколько строк кода
<pre class="pre-scrollable"> Показывает несколько строк кода с полосой прокрутки
<samp> Показывает пример выходных данных из компьютерной программы:Sample output
<code> Обозначает встроенные фрагменты кода: span, div