Файлы Less

Choose which Less files to compile into your custom build of Bootstrap. Not sure which files to use? Read through the CSS and Components pages in the docs.

Обычный CSS

Компоненты

Компоненты JavaScript

Плагины jQuery

Choose which jQuery plugins should be included in your custom JavaScript files. Unsure what to include? Read the JavaScript page in the docs.

Привязанные к компонентам

Магия

Создаются два файла

Все выбранные плагины будут собраны в читаемый bootstrap.js и минимизированный bootstrap.min.js. При работе мы рекомендуем пользоваться минимизированной версией.

Требуется jQuery

Для работы всех плагинов требуется новейшая версия jQuery.

Переменные Less

Настройте переменные Less, чтобы устанавливать цвета, размеры и многое другое в таблице стилей пользовательского CSS.

Цвета

Оттенки серого и другие цвета, используемые в Bootstrap.

Формирование шаблонов

Settings for some of the most global styles.

Цвет фона для <body>.

Цвет основного текста в <body>.

Цвет ссылки в основном тексте.

Цвет ссылки при наведении на нее курсора, устанавливается с помощью функции darken().

Печать

Шрифт, высота строки и цвет основного текста, заголовков и многое другое.

Моноширинные шрифты для <code>, <kbd>, и <pre>.

Высота строки line-height для работы с такими компонентами, как кнопки.

Высчитанная высота строки (font-size * line-height) для работы с margin, padding, и т.д.

По умолчанию соответствует <body>.

Iconography

Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower.

Load fonts from this directory.

File name for all font files.

Element ID within SVG icon file.

Компоненты

Задавайте заполнение и размер радиуса границы, а также многое другое. Значения рассчитаны на текст 14px и высоту строки 1,428 (для начала ~20px).

Общий цвет для активных элементов (напр., элементов навигации или выпадающих меню).

Основной фон для активных элементов (напр., элементов навигации и выпадающих меню).

Ширина border для создания каре, показывающих выпадающие меню.

У больших компонентов каре немного увеличиваются в размере.

Таблицы

Настраивайте компонент .table с помощью базовых значений, каждое из которых используется во всех вариантах таблиц.

Заполнение для <th> и <td>.

Заполнение ячеек в .table-condensed.

Цвет фона таблиц по умолчанию.

Цвет фона для .table-striped.

Цвет фона для .table-hover.

Цвет границ таблицы и ячеек.

Кнопки

Задайте текст, фон и границу для каждой кнопки Bootstrap.

Формы

Цвет фона в <input>

Цвет фона в <input disabled>

Цвет текста в <input>

Цвет границы <input>

Радиус границы <input>

Цвет границы для полей ввода в фокусе

Цвет замещающего текста

Высота .form-control по умолчанию

Высота больших .form-control

Высота маленьких .form-control

Цвет фона для дополнительных текстовых полей ввода

Цвет границ для дополнительных текстовых полей ввода

Контейнеры и содержимое выпадающих меню.

Фон выпадающего меню.

border-color для выпадающих меню.

border-color для выпадающих меню в IE8.

Цвет делителя для элементов выпадающих меню.

Цвет текста в ссылках выпадающего меню.

Цвет ссылок выпадающего меню при наведении на них курсора.

Цвет фона ссылок выпадающих меню при наведении на них курсора.

Цвет текста активного элемента выпадающего меню.

Цвет фона активного элемента выпадающего меню.

Цвет фона отключенного элемента выпадающего меню.

Цвет текста шапок выпадающего меню.

Deprecated @dropdown-caret-color as of v3.1.0

Контрольные точки запросов мультимедиа

Укажите контрольные точки, при которых макет вашего сайта будет изменяться в соответствии с характеристиками экрана.

Deprecated @screen-xs as of v3.0.1

Deprecated @screen-xs-min as of v3.2.0

Deprecated @screen-phone as of v3.0.1

Deprecated @screen-sm as of v3.0.1

Deprecated @screen-tablet as of v3.0.1

Deprecated @screen-md as of v3.0.1

Deprecated @screen-desktop as of v3.0.1

Deprecated @screen-lg as of v3.0.1

Deprecated @screen-lg-desktop as of v3.0.1

Сетка

Задайте пользовательскую адаптивную сетку.

Количество колонок в сетке.

Заполнение между колонками. Деление пополам, равные отступы слева и справа.

Точка, при которой панель навигации сворачивается.

Точка, при которой панель навигации начинает сворачиваться.

Размеры контейнера

Установите максимальную ширину .container для экранов различного размера.

Для @screen-sm-min и больше.

Для @screen-md-min и больше.

Для @screen-lg-min и больше.

Общие стили элементов навигации

Вкладки

Pill-элементы

Страничная навигация

Модуль страничной навигации

Jumbotron

Состояния форм и оповещения

Задайте цвета для форм обратной связи и оповещений по умолчанию.

Подсказки

Максимальная ширина подсказки

Цвет текста подсказки

Цвет фона подсказки

Ширина стрелки подсказки

Цвет стрелки подсказки

Всплывающие уведомления

Цвет фона уведомления

Максимальная ширина уведомления

Цвет границ уведомления

Цвет дополнительных границ уведомления

Цвет фона заголовка уведомления

Ширина стрелки уведомления

Цвет стрелки уведомления

Ширина выносной стрелки уведомления

Цвет выносной стрелки уведомления

Цвет запасной выносной стрелки уведомления

Метки

Цвет фона метки по умолчанию

Цвет фона основной метки

Цвет фона метки успеха

Цвет фона информационной метки

Цвет фона предостерегающей метки

Цвет фона метки «Опасность»

Цвет текста метки по умолчанию

Цвет текста метки со ссылкой по умолчанию

Модальные окна

Заполнение для основного текста модального окна

Заполнение для заголовка модального окна

Высота строки заголовка модального окна

Цвет фона содержимого модального окна

Цвет границ содержимого модального окна

Цвет границ содержимого модального окна в IE8

Цвет заднего фона модального окна

Прозрачность задней части модального окна

Цвет границ шапки модального окна

Цвет границ нижнего колонтитула модального окна

Оповещения

Задайте цвет, радиус границ и заполнение оповещений.

Индикаторы состояния

Цвет фона всего индикатора состояния

Цвет текста индикатора состояния

Цвет индикатора состояния по умолчанию

Цвет индикатора состояния «Успех»

Цвет индикатора состояния «Предупреждение»

Цвет индикатора состояния «Опасность»

Цвет индикатора состояния «Информация»

Группы списков

Цвет фона .list-group-item

.list-group-item border color

Радиус границ группы списка

Background color of single list items on hover

Text color of active list items

Background color of active list items

Цвет границ активных элементов списка

Text color for content within active list items

Text color of disabled list items

Background color of disabled list items

Text color for content within disabled list items

Панели

Цвет границ элементов панели

Миниатюры

Заполнение вокруг изображений в эскизе

Цвет фона эскиза

Цвет границ эскиза

Радиус границ эскиза

Цвет своего текста в надписях на миниатюре

Заполнение вокруг надписей на миниатюре

Колодцы

Значки

Цвет текста значков со ссылками при наведении мыши

Цвет текста значков в активной навигационной ссылке

Цвет фона значков в активной навигационной ссылке

Цвет фона для навигационных цепочек

Цвет текста для навигационных цепочек

Цвет текста текущей страницы в навигационной цепочке

Делитель текста для элементов навигационной цепочки

Закрыть

Код

Тип

Горизонтальный отступ для форм и списков

Приглушенный цвет текста

Цвет границ аббревиатур и акронимов

Цвет малых заголовков

Цвет малых цитат

Цвет шрифта цитат

Цвет границ цитат

Цвет границ шапок страниц

Width of horizontal description list titles

Цвет горизонтальных линий

Загрузка

Ура! Ваша пользовательская версия Bootstrap готова для компиляции. Просто нажмите на кнопку ниже, чтобы завершить процесс.