Bootstrap Классы справка
Полный список всех классов начальной загрузки
Полный список всех классов начальной загрузки с описанием и примерами:
| Class | Description | Category | |
|---|---|---|---|
.active |
Добавляет серый цвет фона в строку таблицы ( <tr> или ячейку таблицы ( <td> ) (тот же цвет используется при наведении) |
Tables | |
.active |
Добавляет серый цвет фона к активной ссылке по умолчанию навигационной навигации. Добавляет черный фон и белый цвет к текущей ссылке внутри инвертированной навигационной навигации. | Navbar | |
.active |
Добавление синего цвета фона к элементу активного списка в группе списков | List Groups | |
.active |
Добавление синего цвета фона для имитации нажатой кнопки | Buttons | |
.active |
Анимация полосового индикатора выполнения | Progress Bars | |
.active |
Добавляет синий цвет фона для активного раскрывающегося элемента в раскрывающемся списке | Dropdowns | |
.active |
Добавление синего цвета фона в активную ссылку разбиения на страницы (для выделения текущей страницы) | Pagination | |
.affix |
Подключаемый модуль позволяет элементу становиться прикрепленным (заблокированным/липким) к области на странице. Включение position:fixed и отключение |
Affix | |
.alert |
Создает окно сообщения предупреждения | Alerts | |
.alert-danger |
Красная коробка тревоги. Указывает на опасное или потенциально отрицательное действие | Alerts | |
.alert-dismissible |
Вместе с .close классом этот класс используется для закрытия оповещения |
Alerts | |
.alert-info |
Светло-синяя коробка оповещения. Указывает некоторую информацию | Alerts | |
.alert-link |
Используется на ссылки внутри оповещения, чтобы добавить соответствующие цветные ссылки | Alerts | |
.alert-success |
Зеленая коробка тревоги. Указывает на успешное или положительное действие | Alerts | |
.alert-warning |
Желтая коробка оповещения. Указывает на осторожность следует принимать с этим действием | Alerts | |
.badge |
Создает круглый значок (серый круг-часто используется в качестве числового индикатора) | Badges | |
.bg-danger |
Добавляет красный цвет фона к элементу. Представляет опасность или отрицательное действие | Helpers | |
.bg-info |
Добавляет голубой цвет фона к элементу. Представляет некоторую информацию | Helpers | |
.bg-primary |
Добавляет синий цвет фона к элементу. Представляет что-то важное | Helpers | |
.bg-success |
Добавляет зеленый цвет фона к элементу. Указывает на успех или положительное действие | Helpers | |
.bg-warning |
Добавляет желтый цвет фона к элементу. Представляет предупреждение или отрицательное действие | Helpers | |
.breadcrumb |
Разбиение на страницы. Указывает расположение текущей страницы в навигационной иерархии | Pagination | |
.btn |
Создание базовой кнопки (серый фон и закругленные углы) | Buttons | |
.btn-block |
Создает кнопку уровня блока, охватывающую всю ширину родительского элемента | Buttons | |
.btn-danger |
Красная кнопка. Указывает на опасность или отрицательное действие | Buttons | |
.btn-default |
Кнопка по умолчанию. Белый фон и серая граница | Buttons | |
.btn-group |
Группирует кнопки вместе в одной строке | Button Groups | |
.btn-group-justified |
Делает группу кнопок, охватывающих всю ширину экрана | Button Groups | |
.btn-group-lg |
Большая группа кнопок (делает все кнопки в группе кнопок больше-увеличенный размер шрифта и заполнение) | Button Groups | |
.btn-group-sm |
Малая группа кнопок (делает все кнопки в группе кнопок меньше) | Button Groups | |
.btn-group-xs |
Экстренная малая группа кнопки (делает все кнопки в группе кнопки экстренной малой) | Button Groups | |
.btn-group-vertical |
Заставляет группу кнопок отображаться вертикально в сложенном виде | Button Groups | |
.btn-info |
Светло-синяя кнопка. Представляет информацию | Buttons | |
.btn-link |
Делает кнопку похожую на ссылку (поведение кнопки Get) | Buttons | |
.btn-lg |
Большая кнопка | Buttons | |
.btn-primary |
Синяя кнопка. | Buttons | |
.btn-sm |
Маленькая кнопка | Buttons | |
.btn-success |
Зеленая кнопка. Указывает на успех или положительное действие | Buttons | |
.btn-warning |
Желтая кнопка. Представляет предупреждение или отрицательное действие | Buttons | |
.btn-xs |
Экстра маленькая кнопка | Buttons | |
.caption |
Добавляет текст заголовка внутри .thumbnail |
Images | |
.caret |
Создание значка стрелки курсора, указывающего на то, что кнопка является раскрывающимся списком | Dropdowns | |
.carousel |
Создает Карусель (слайд-шоу) | Carousel | |
.carousel-caption |
Создает текст заголовка для каждого слайда в карусели | Carousel | |
.carousel-control |
Контейнер для следующих и предыдущих ссылок | Carousel | |
.carousel-indicators |
Добавляет маленькие точки/индикаторы в нижней части каждого слайда (который показывает, сколько слайдов есть в карусели, и какой слайд пользователь в настоящее время просмотра) | Carousel | |
.carousel-inner |
Контейнер для элементов слайда | Carousel | |
.center-block |
Выравнивает любой элемент (задает элемент display:block с margin-right:auto и margin-left:auto ) |
Helpers | |
.checkbox |
Контейнер для флажков | Inputs | |
.checkbox-inline |
Делает несколько флажков отображаются на одной строке | Inputs | |
.clearfix |
Очищает поплавки | Helpers | |
.close |
Указывает значок закрытия | Helpers | |
.col-*-* |
Адаптивная сетка (SPAN 1-12 столбец). Экстренные малые приборы телефоны (< 768px), малые приборы таблетки (≥ 768px), Настольные компьютеры среднего устройства (≥ 992пкс), большие настольные устройства (≥ 1200px). Значения столбцов могут быть 1-12. | Grid | |
.col-*-offset-* |
Переместите столбцы вправо. Эти классы увеличивают левое поле столбца по * столбцам | Grid | |
.col-*-pull-* |
Изменяет порядок столбцов сетки | Grid | |
.col-*-push-* |
Изменяет порядок столбцов сетки | Grid | |
.collapse |
Обозначает складное содержимое, которое может быть скрыто или показано по требованию | Collapse | |
.collapse in |
Показать складное содержимое по умолчанию | Collapse | |
.container |
Фиксированная ширина контейнера с шириной определяется экран сайтов. Равное поле слева и справа. | Containers | |
.container-fluid |
Контейнер, охватывающий всю ширину экрана | Containers | |
.control-label |
Позволяет использовать метку для проверки формы | Forms | |
.danger |
Добавляет красный фон в строку таблицы ( <tr> или ячейку таблицы ( <td> ). Указывает на опасное или потенциально отрицательное действие |
Tables | |
.disabled |
Отключает кнопку (добавляет непрозрачность и значок "нет парковки-знак" при наведении) | Buttons | |
.disabled |
Отключает выпадающий элемент (добавляет серый цвет текста и значок "нет парковки-знак" при наведении) | Dropdowns | |
.disabled |
Отключает ссылку на разбиение на страницы (не может быть нажата-добавляет серый цвет текста и значок "нет парковки-знак" при наведении) | Pagination | |
.disabled |
Отключает элемент списка в группе списка (не может быть нажата-добавляет серый цвет фона и значок "нет парковки-знак" при наведении) | List Groups | |
.divider |
Используется для разделения ссылок в выпадающем меню с тонкой горизонтальной границей | Dropdowns | |
.dl-horizontal |
Выводятся термины <dt> и описания <dd> в <dl> элементах рядом друг с другом. Начинается как по умолчанию <dl> s, но когда окно браузера расширяется, он будет выстроились бок о бок |
Typography | |
.dropdown |
Создание переключаемого меню, позволяющего пользователю выбрать одно значение из стандартного списка | Dropdowns | |
.dropdown-header |
Используется для добавления заголовков внутри раскрывающегося меню | Dropdowns | |
.dropdown-menu |
Добавляет стили по умолчанию для контейнера раскрывающегося меню | Dropdowns | |
.dropdown-menu-right |
Выравнивание выпадающего меню по правому краю | Dropdowns | |
.dropdown-toggle |
Используется на кнопке, которая должна скрывать и показывать (переключать) раскрывающееся меню | Dropdowns | |
.dropup |
Указывает дропуп меню (вверх, а не вниз) | Dropdowns | |
.embed-responsive |
Контейнер для встроенного содержимого. Позволяет правильно масштабировать видео или слайд-шоу на любом устройстве | Images | |
.embed-responsive-16by9 |
Контейнер для встроенного содержимого. Создает соотношение сторон 16:9, встроенное содержимое | Images | |
.embed-responsive-4by3 |
Контейнер для встроенного содержимого. Создает соотношение сторон 4:3, встроенное содержимое | Images | |
.embed-responsive-item |
Используется внутри .embed-responsive . Масштабирование видео красиво к родительскому элементу |
Images | |
.fade |
Добавление эффекта затухания при закрытии окна оповещения | Alerts | |
.form-control |
Используется на входных, текстовое и выбор элементов, чтобы охватить всю ширину страницы и сделать их отзывчивыми | Forms | |
.form-control-feedback |
Класс проверки формы | Inputs 2 | |
.form-control-static |
Добавление простого текста рядом с меткой формы в горизонтальной форме | Inputs 2 | |
.form-group |
Контейнер для ввода и метки формы | Forms | |
.form-inline |
Делает < form > Выравнивание по левому краю с элементами управления inline-block (это относится только к формам в видовых экранах, которые по крайней мере 768px в ширину) | Forms | |
.form-horizontal |
Выравнивание меток и групп элементов управления формы в горизонтальном макете | Forms | |
.glyphicon |
Создает значок. Bootstrap предоставляет 260 бесплатных глификонс из глификонс полуросликов Set | Glyphicons | |
.has-danger |
Добавляет красный цвет к метке и красную границу к входному сигналу, также, как икона ошибки внутри входного сигнала (использовано совместно с .has-feedback ) |
Forms | |
.has-feedback |
Добавление значков обратной связи для входов (флажков, предупреждений и ошибок) | Forms | |
.has-success |
Добавляет зеленый цвет к метке и зеленой границе на вход, а также значок галочки внутри входного сигнала (используется вместе с .has-feedback ) |
Forms | |
.has-warning |
Добавляет желтый/оранжевый цвет к метке и желто-оранжевой границе на входе, а также значок галочки внутри входной (используется вместе с .has-feedback ) |
Forms | |
.help-block |
Блок текста справки, который разбивается на новую строку и может вытянуться за пределы одной строки. | Input Sizing | |
.hidden |
Заставляет элемент быть скрытым ( display:none ) |
Helpers | |
.hidden-* |
Скрывает содержимое в зависимости от размера экрана | Helpers | |
.hide |
Устаревшим. Использовать .hidden вместо |
Helpers | |
.h1 - .h6 |
Делает элемент похожим на заголовок выбранного класса (H1-H6) | Typography | |
.icon-bar |
Используется в панели навигации для создания меню гамбургеров (три горизонтальные полосы) | Navbar | |
.icon-next |
Значок Юникода (стрелка вправо), используемый в карусели. Это часто заменяется на глификон | Carousel | |
.icon-prev |
Значок Юникода (стрелка, указывающая влево), используемый в карусели. Это часто заменяется на глификон | Carousel | |
.img-circle |
Формирует изображение в окружность (не поддерживается в IE8 и более ранних версиях) | Images | |
.img-responsive |
Делает изображение отзывчивым | Images | |
.img-rounded |
Добавление скругленных углов к изображению | Images | |
.img-thumbnail |
Формирует изображение на миниатюру (границы) | Images | |
.in |
Исчезает в вкладках | Tabs | |
.info |
Добавление светло-синего фона в строку таблицы ( <tr> или ячейку таблицы ( <td> ). Указывает нейтральное информативное изменение или действие |
Tables | |
.initialism |
Отображение текста внутри <abbr> элемента в немного меньшем размере шрифта |
Typography | |
.input-group |
Контейнер для улучшения ввода, добавив значок, текст или кнопку спереди или сзади, как "текст справки" | Inputs | |
.input-group-lg |
Большая группа ввода | Inputs | |
.input-group-sm |
Малая группа ввода | Inputs | |
.input-group-addon |
Вместе с .input-group классом этот класс дает возможность добавить значок или текст справки рядом с полем ввода |
Inputs | |
.input-group-btn |
Вместе с .input-group классом этот класс прикрепляет кнопку рядом с входными данными. Часто используется в качестве панели поиска |
Inputs | |
.input-lg |
Большое поле ввода | Input Sizing | |
.input-sm |
Небольшое поле ввода | Input Sizing | |
.invisible |
Делает элемент невидимым ( visibility:hidden ). Примечание: Несмотря на то, что элемент невидим, он займет место на странице |
Helpers | |
.item |
Класс, добавляемый к каждому элементу карусели. Может быть текст или изображения | Carousel | |
.jumbotron |
Создает мягкий серый прямоугольник с закругленными углами, который увеличивает размер шрифта текста внутри него. Создает большую коробку для вызова дополнительного внимания к какому-то Специальному содержанию или информации | Jumbotron | |
.label |
Добавление к элементу серого скругленного прямоугольника. Предоставляет дополнительную информацию о чем-то (например, "New") | Labels | |
.label-danger |
Красная этикетка | Labels | |
.label-info |
Светло-синяя этикетка | Labels | |
.label-success |
Зеленая этикетка | Labels | |
.label-warning |
Желтая этикетка | Labels | |
.lead |
Увеличение размера шрифта и высоты строки абзаца | Typography | |
.left |
Используется для идентификации левого управления каруселью | Carousel | |
.list-group |
Создание группы списков с рамками для <li> элементов |
List Group | |
.list-group-item |
Добавляется к каждому <li> элементу в группе списков |
List Group | |
.list-group-item-heading |
Создает заголовок группы списка (используется для других элементов, кроме <li> ) |
List Group | |
.list-group-item-text |
Используется для текста элемента внутри группы списков (Кроме того, используется для других элементов <li> ) |
List Group | |
.list-group-item-danger |
Красный цвет фона для элемента списка в группе списков | List Group | |
.list-group-item-info |
Светло-голубой цвет фона для элемента списка в группе списков | List Group | |
.list-group-item-success |
Зеленый цвет фона для элемента списка в группе списков | List Group | |
.list-group-item-warning |
Желтый цвет фона для элемента списка в группе списков | List Group | |
.list-inline |
Размещение всех элементов списка в одной строке (горизонтальное меню) | Tabs | |
.list-unstyled |
Удаляет все стандартные стили списка (маркеры, левое поле и т. д.) из
<ul> списка или <ol> |
Typography | |
.mark |
Выделение текста: выделенный текст | Typography | |
.media |
Выравнивает мультимедийные объекты (например, изображения или видео, часто используемые для комментариев в записи блога и т.д.) | Media Objects | |
.media-body |
Текст, который должен появиться рядом с объектом мультимедиа | Media Objects | |
.media-heading |
Создает заголовок внутри объекта мультимедиа | Media Objects | |
.media-list |
Вложенные списки носителей | Media Objects | |
.media-object |
Указывает объект мультимедиа (изображение или видео) | Media Objects | |
.modal |
Идентифицирует содержимое как модальное и привлекает к нему внимание | Modals | |
.modal-body |
Определяет стиль тела модального. Добавить HTML разметку здесь (p, IMG, и т.д.) | Modals | |
.modal-content |
Стили модальные (граница, фон-цвет и т.д.). Внутри этого, добавьте заголовку модального, тело и нижний колонтитул, если необходимо | Modals | |
.modal-dialog |
Задает правильную ширину и поле модального | Modals | |
.modal-footer |
Нижний колонтитул модального (часто содержит кнопку действия и кнопку закрытия) | Modals | |
.modal-header |
Заголовок модального (часто содержит заголовок и кнопку закрытия) | Modals | |
.modal-lg |
Большой модальный (шире, чем по умолчанию) | Modals | |
.modal-open |
Используется на <body> элементе для предотвращения прокрутки страницы ( overflow:hidden ) |
Modals | |
.modal-sm |
Малый модальный (меньше ширины) | Modals | |
.modal-title |
Название модального | Modals | |
.nav nav-tabs |
Указывает меню с вкладками | Tabs | |
.nav nav-pills |
Указывает меню таблетки | Tabs | |
.nav .navbar-nav |
Используется в <ul> контейнере, содержащем элементы списка со ссылками внутри панели навигации |
Navbar | |
.nav-justified |
Центры вкладки/таблетки. Обратите внимание, что на экранах меньше, чем 768px элементы укладываются (содержание останется в центре) | Tabs | |
.nav-stacked |
Вертикальный стек вкладки или таблетки | Tabs | |
.nav-tabs |
Создание меню с вкладками | Tabs | |
.navbar |
Создание панели навигации | Navbar | |
.navbar-brand |
Добавляется к ссылке или элементу заголовка внутри навигационной страницы для представления логотипа или заголовка | Navbar | |
.navbar-btn |
Вертикальное выравнивание кнопки внутри панели навигации | Navbar | |
.navbar-collapse |
Сворачивает навигационной панели (скрытые и заменены меню/гамбургер значок на мобильных телефонах и малых таблеток) | Navbar | |
.navbar-default |
Создает панель навигации по умолчанию (светло-серый цвет фона) | Navbar | |
.navbar-fixed-bottom |
Делает панели навигации оставаться в нижней части экрана (липкий/фиксированный) | Navbar | |
.navbar-fixed-top |
Делает навигационное меню в верхней части экрана (липкое/фиксированное) | Navbar | |
.navbar-form |
Добавлены элементы формы внутри навигационной области для вертикального центрирования их (правильное заполнение) | Navbar | |
.navbar-header |
Добавляется к элементу контейнера, содержащему ссылку/элемент, представляющий эмблему или заголовок | Navbar | |
.navbar-inverse |
Создает черную панель навигации (вместо светло-серого) | Navbar | |
.navbar-left |
Выравнивает навигационные ссылки, формы, кнопки или текст в навигационной панели влево | Navbar | |
.navbar-link |
Стили элемент, чтобы выглядеть как ссылка внутри навигационной (якоря получить правильное заполнение и подчеркивание при наведении, в то время как другие элементы, такие как p или span получает эффект наведения по умолчанию-белый цвет в обратной навигации и черный цвет в навигационной навигации по умолчанию) | Navbar | |
.navbar-nav |
Используется в <ul> контейнере, содержащем элементы списка со ссылками внутри панели навигации |
Navbar | |
.navbar-right |
Выравнивает навигационные ссылки, формы, кнопки или текст в панели навигации вправо. | Navbar | |
.navbar-static-top |
Удаляет левую, верхнюю и правую границы (закругленные углы) из навигационной области (по умолчанию навигационная рамка имеет серую границу и 4px Border-RADIUS) | Navbar | |
.navbar-text |
Вертикальное выравнивание любых элементов внутри навигационной области, которые не являются связями (обеспечивает правильное заполнение) | Navbar | |
.navbar-toggle |
Стили кнопки, которые должны открыть панели навигации на небольших экранах. Часто используется вместе с тремя .icon-bar классами для обозначения переключаемого значка меню (гамбургер/бары) |
Navbar | |
.next |
Используется в элементе управления "Карусель" для идентификации следующего элемента управления | Carousel | |
.next |
Используется для выравнивания кнопок пейджера в правой части страницы (кнопка Далее) | Pager | |
.page-header |
Добавляет горизонтальную линию под заголовком (+ добавляет некоторое дополнительное пространство вокруг элемента) | Page Header | |
.pager |
Создание кнопок "предыдущий/следующий" (используется для <ul> элементов) |
Pager | |
.pagination |
Создает разбиение на страницы (полезно, когда у вас есть веб-сайт с большим количеством страниц. Используется на <ul> элементах) |
Pagination | |
.pagination-lg |
Большая разбивка на страницы (каждая ссылка на страницы получает размер шрифта 18px. Значение по умолчанию — 14px) | Pagination | |
.pagination-sm |
Небольшая разбивка на страницы (каждая ссылка на страницы получает размер шрифта рыб из 12. Значение по умолчанию — 14px) | Pagination | |
.panel |
Создает обрамленную рамку с некоторой обивкой вокруг ее содержимого | Panels | |
.panel-body |
Контейнер для содержимого внутри панели | Panels | |
.panel-collapse |
Складная панель (переключение между скрытием и отображением панелей) | Collapse | |
.panel-danger |
Красная панель. Указывает на опасность | Panels | |
.panel-info |
Светло-синяя панель. Указывает информацию | Panels | |
.panel-success |
Зеленая панель. Указывает на успех | Panels | |
.panel-warning |
Желтая панель. Указывает предупреждение | Panels | |
.panel-footer |
Создание нижнего колонтитула панели (светлый цвет фона) | Panels | |
.panel-group |
Используется для группирования нескольких панелей. Это приведет к удалению нижнего поля под каждой панелью | Panels | |
.panel-heading |
Создание заголовка панели (светлый цвет фона) | Panels | |
.panel-title |
Используется внутри a .panel-heading для настройки стиля текста (удаляет поля и добавляет шрифт-размер 16px) |
Panels | |
.popover |
Всплывающее окно, которое появляется, когда пользователь щелкает элемент | Popover | |
.pre-scrollable |
Делает <pre> элемент прокручиваемым ( max-height 350 пикселей и предоставляет полосу прокрутки по оси y) |
Helpers | |
.prev |
Используется в Карусель, чтобы указать "Предыдущий" ссылку | Carousel | |
.previous |
Используется для выравнивания кнопок пейджера в левой части страницы (Предыдущая кнопка) | Pager | |
.progress |
Контейнер для индикаторов выполнения | Progress Bars | |
.progress-bar |
Создает индикатор выполнения | Progress Bars | |
.progress-bar-danger |
Красная полоса прогресса. Указывает на опасность | Progress Bars | |
.progress-bar-info |
Светло-голубой прогресс-бар. Указывает информацию | Progress Bars | |
.progress-bar-striped |
Создает чередующийся индикатор выполнения | Progress Bars | |
.progress-bar-success |
Зеленая полоса прогресса. Указывает на успех | Progress Bars | |
.progress-bar-warning |
Желтый индикатор выполнения. Указывает предупреждение | Progress Bars | |
.pull-left |
Поплавок элемента влево | Helpers | |
.pull-right |
Поплавок элемента вправо | Helpers | |
.right |
Используется для определения правильного управления каруселью | Carousel | |
.row |
Контейнер для отзывчивых столбцов | Grid | |
.show |
Показывает элемент (display:block) |
Helpers | |
.small |
Создает светлый, дополнительный текст в любом заголовке | Typography | |
.sr-only |
Скрытие элемента на всех устройствах, Кроме программ чтения с экрана | Helpers | |
.sr-only-focusable |
Скрытие элемента на всех устройствах, Кроме программ чтения с экрана | Helpers | |
.success |
Добавляет зеленый цвет фона в строку таблицы ( <tr> или ячейку таблицы ( <td> ). Указывает на успех или положительное действие |
Tables | |
.tab-content |
Используется вместе с .tab-pane для создания переключаемых/динамических вкладок/таблетки |
Tabs | |
.tab-pane |
Используется вместе с .tab-content для создания переключаемых/динамических вкладок/таблетки |
Tabs | |
.table |
Добавление базовой стилизации в таблицу (заполнение, нижние границы и т.д.) | Tables | |
.table-bordered |
Добавляет границы со всех сторон таблицы и ячеек | Tables | |
.table-condensed |
Делает таблицу более компактной, сокращая заполнение ячеек пополам | Tables | |
.table-hover |
Создает парящую таблицу (добавляет серый цвет фона на строках таблицы при наведении) | Tables | |
.table-responsive |
Делает таблицу отзывчивой (при необходимости добавляет горизонтальную полосу прокрутки) | Tables | |
.text-capitalize |
Обозначает текст с прописными буквами | Typography | |
.text-center |
Выравнивание текста по центру | Typography | |
.text-danger |
Красный цвет текста. Указывает на опасность | Typography | |
.text-hide |
Скрытие текста (помогает заменить текстовое содержимое элемента фоновым изображением) | Typography | |
.text-info |
Светло-голубой цвет текста. Указывает информацию | Typography | |
.text-justify |
Обозначает обоснованный текст | Typography | |
.text-left |
Выравнивание текста по левому краю | Typography | |
.text-lowercase |
Изменяет текст на нижний регистр | Typography | |
.text-muted |
Серый цвет текста | Typography | |
.text-nowrap |
Предотвращает перенос текста | Typography | |
.text-primary |
Синий цвет текста | Typography | |
.text-right |
Выравнивание текста по правому краю | Typography | |
.text-success |
Зеленый цвет текста. Указывает на успех | Typography | |
.text-uppercase |
Делает текст прописным | Typography | |
.text-warning |
Желтый/оранжевый цвет текста. Указывает предупреждение | Typography | |
.thumbnail |
Добавляет границу вокруг элемента (часто изображения или видео), чтобы сделать его похожим на миниатюру | Images | |
.tooltip |
Всплывающее окно, которое появляется, когда пользователь перемещает указатель мыши на элемент | Tooltip | |
.visible-* |
Устаревшие по состоянию на v 3.2.0. Используется для отображения и/или скрытия содержимого с помощью устройства. Примечание: Использовать .hidden-* вместо |
Helpers | |
.visible-print-block |
Отображение элемента ( display:block ) в режиме печати (предварительно) |
Helpers | |
.visible-print-inline |
Отображение элемента ( display:inline ) в режиме печати (предварительно) |
Helpers | |
.visible-print-inline-block |
Отображение элемента ( display:inline-block ) в режиме печати (предварительно) |
Helpers | |
.hidden-print |
Скрытие элемента ( display:none ) в режиме печати (предварительно) |
Helpers | |
.warning |
Добавляет желтый цвет фона в строку таблицы ( <tr> или ячейку таблицы ( <td> ). Указывает предупреждение |
Tables | |
.well |
Добавление округленной границы вокруг элемента с серым цветом фона и некоторыми отступами | Wells | |
.well-lg |
Большой колодец (больше обивка) | Wells | |
.well-sm |
Малый колодец (меньше обивка) | Wells |
