Есть существующая конфигурация? Загрузите config.json чтобы импортировать её.

Перетащите сюда, или .


Нет ниодного? хорошо—просто начните настройку полей ниже.

Компоненты Less

Выберите из файлов Less которые будут включены в вашу собственную сборку Bootstrap. Не уверены, какие файлы использовать? Ознакомьтесь с документацией по CSS и Компонентам.

Общие CSS

Компонентам

Компоненты JavaScript

jQuery Плагины

Выберите из jQuery плагинов которые должны включаться в вашу собственную сборку файлов JavaScript. Не уверены что именно включать? Прочитайте документацию относительно JavaScript.

Связанные компоненты

Magic

Производит два файла

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

Требуется jQuery

Все плагины требуют подключения последней версии jQuery.

Less переменные

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

Цвета

Серые и фирменные цвета для использования во всем Bootstrap.

Scaffolding

Настройки для некоторых из самых глобальных стилей.

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

Глобальный цвет текста для <body>.

Типография

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

По умолчанию шрифт monospace для <code>, <kbd>, и <pre>.

Измерение-less line-height для использования в компонентах как кнопки.

Компьютерная и Quot; высота строки и Quot; (font-size * line-height) для использования с margin, padding,и т.д.

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

Iconography

Укажите другое расположение и имя файла включены шрифта Glyphicons значок. Полезно для тех, в том числе Bootstrap через Bower.

Загружать шрифты из этого каталога.

Имя файла для всех файлов шрифтов.

Элемент ID в SVG значок файла.

Компонентам

Определите общий padding и размер border и многое другое. Базовые значения 14px текст и 1.428 line-height (~20px to start).

Глобальный цвет для активных элементов (т.к. navs or dropdowns).

Глобальный фон для активных элементов (т.к. navs or dropdowns).

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

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

Таблицы

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

Padding для <th> и <td>

Padding для ячеек в .table-condensed.

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

Цвет фона по умолчанию, который используется для .table-striped.

Цвет фона по умолчанию, который используется для .table-hover.

Цвет рамок для таблиц и ячеек.

Кнопки

Для каждой Bootstrap's кнопки, определите текст, цвет фона и рамки.

Формы

Цвет фона <input>

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

Цвет текста для <input>

Цвет рамок <input>

Default .form-control border radius

Large .form-control border radius

Small .form-control border radius

Цвет рамки формы ввода (input) в фокусе

Цвет текста Placeholder

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

Большая высота .form-control

Малая высота .form-control

.form-group отступ

Цвет фона для текстовых приложений форм ввода (input)

Цвет рамок для текстовых приложений форм ввода (input)

Disabled cursor for form controls and buttons.

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

Фон для выпадающего menu.

Выпадающее меню border-color.

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

Делитель цвет между элементы раскрывающегося списка.

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

Устаревшее @dropdown-caret-color по состоянию на v3.1.0

Медиа запросы точки прерывания

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

Устаревшее @screen-xs по состоянию на v3.0.1

Устаревшее @screen-xs-min по состоянию на v3.2.0

Устаревшее @screen-phone по состоянию на v3.0.1

Устаревшее @screen-sm по состоянию на v3.0.1

Устаревшее @screen-tablet по состоянию на v3.0.1

Устаревшее @screen-md по состоянию на v3.0.1

Устаревшее @screen-desktop по состоянию на v3.0.1

Устаревшее @screen-lg по состоянию на v3.0.1

Устаревшее @screen-lg-desktop по состоянию на v3.0.1

Блочная система

Определите свою адаптивную разметку.

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

Padding между столбцами. Возвращает разделенные пополам слева и справа.

Минимальная точка, в которой навигация остается не свернутой.

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

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

Задайте максимальную ширину .container для разных размеров экрана.

Для @screen-sm-min и выше.

Для @screen-md-min и выше.

Для @screen-lg-min и выше.

Перевернутый навигации

Разделяемые навигационные стили

Tabs

Pills

Нумерация

Листание

Jumbotron

Форма состояния и предупреждений

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

Подсказки

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

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

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

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

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

Информеры

Цвет фона тела информера

Максимальная ширина информера

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

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

Цвет фона названия информера

Ширина стрелочки информера

Цвет стрелочки информера

Внешняя ширина стілочки информера

Внешний цвет стрелочки информера

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

Ярлыки

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

Главный цвет фона ярлыка

Цвет фона ярлыка при успехе

Цвет фона информационного ярлыка

Цвет фона ярлыка при предупреждении

Цвет фона ярлыка при опастности

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

Модали

Внутренние отступы (padding) для тела модали(body)

Внутренние отступы (padding) для названий модалей

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

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

Цвет рамки модали

Цвет рамки модали для для IE8

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

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

Цвет рамки заголовке модали

Уведомления

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

Индикатор выполнения

Цвет фона всего компонента прогресса

Цвет текста шкалы прогресса

Variable for setting rounded corners on progress bar.

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

Цвет шкалы прогресса при успехе

Цвет шкалы прогресса при предупреждении

Цвет шкалы прогресса при ошибке

Цвет шкалы прогресса инфо

Список группы

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

Цвет рамок .list-group-item

Радиус рамки список группы

Цвет фона одиночного элемента списка при наведении

Цвет текста активного элемента списка

Цвет фона активного элемента списка

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

Цвет текста для содержимого внутри активных элементов списка

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

Цвет фона инвалидов список itemsText цвет инвалидов элементов списка

Цвет текста для содержимого внутри пришедших в негодность элементов списка

Панели

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

Эскизы

Величина внутренних отступов (padding) вокруг эскизов изображений

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

Цвет рамки эскизов

Радиус рамок миниатюр

Пользовательский цвет текста для подписей миниатюр

Padding вокруг подписи миниатюр

Ячейки

Значки

Цвет текста навигационной ссылки в активном состоянии

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

Цвет фона навигационного пути (Breadcrumb)

Цвет текста навигационного пути (Breadcrumb)

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

Текстовый сепаратор для между breadcrumb элементами

Кнопка закрытия

Код

Тип

Горизонтальное смещение для форм и списков

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

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

Цвет заголовков в рамках элемента small

Цвет цитаты в рамках элемента small

Размер шрифта блока цитат

Цвет рамки цитаты

Цвет рамки заголовков страниц

Ширина горизонтального описания заголовка списков

Точка, в которой .дл-горизонтального горизонтального

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

Скачать

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