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 |