Вже маєте конфігурацію? Імпортуйте ваш config.json.

Перетягніть файл сюди, або .


Не маєте такого? Нічого страшного — просто починайте підбирати потрібні пункти нижче.

Файли Less

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

Загальні CSS

Компоненти

Компоненти JavaScript

Плагіни jQuery

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

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

Magic

Генеруються два файли

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

Необхідність в jQuery

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

Змінні Less

Налаштуйте змінні LESS для визначення кольору, розміру та іншого у вашій власній збірці стилів CSS.

Кольори

Gray and brand colors for use across Bootstrap.

Scaffolding

Settings for some of the most global styles.

Background color for <body>.

Global text color on <body>.

Global textual link color.

Link hover color set via darken() function.

Link hover decoration.

Типографія

Font, line-height, and color for body text, headings, and more.

Default monospace fonts for <code>, <kbd>, and <pre>.

Unit-less line-height for use in components like buttons.

Computed "line-height" (font-size * line-height) for use with margin, padding, etc.

By default, this inherits from the <body>.

Іконографія

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.

Компоненти

Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).

Global color for active items (e.g., navs or dropdowns).

Global background color for active items (e.g., navs or dropdowns).

Width of the border for generating carets that indicator dropdowns.

Carets increase slightly in size for larger components.

Таблиці

Customizes the .table component with basic values, each used across all table variations.

Padding for <th>s and <td>s.

Padding for cells in .table-condensed.

Default background color used for all tables.

Background color used for .table-striped.

Background color used for .table-hover.

Border color for table and cell borders.

Кнопки

For each of Bootstrap's buttons, define text, background and border color.

Форми

<input> background color

<input disabled> background color

Text color for <input>s

<input> border color

Default .form-control border radius

Large .form-control border radius

Small .form-control border radius

Border color for inputs on focus

Placeholder text color

Default .form-control height

Large .form-control height

Small .form-control height

Background color for textual input addons

Border color for textual input addons

Disabled cursor for form controls and buttons.

Dropdown menu container and contents.

Background for the dropdown menu.

Dropdown menu border-color.

Dropdown menu border-color for IE8.

Divider color for between dropdown items.

Dropdown link text color.

Hover color for dropdown links.

Hover background for dropdown links.

Active dropdown menu item text color.

Active dropdown menu item background color.

Disabled dropdown menu item background color.

Text color for headers within dropdown menus.

@dropdown-caret-color застаріла починаючи з v3.1.0

Контрольні точки медіа-запитів

Define the breakpoints at which your layout will change, adapting to different screen sizes.

@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

Система сітки

Define your custom responsive grid.

Number of columns in the grid.

Padding between columns. Gets divided in half for the left and right.

Point at which the navbar becomes uncollapsed.

Point at which the navbar begins collapsing.

Розміри контейнера

Define the maximum width of .container for different screen sizes.

For @screen-sm-min and up.

For @screen-md-min and up.

For @screen-lg-min and up.

Стилі спільних навігаційних елементів

Вкладки

Навігаційні кнопки | Pills

Посторінкова навігація | Pagination

Пролистувач | Pager

Широкий екран | Jumbotron

Стани форми та зауваження

Define colors for form feedback states and, by default, alerts.

Підказки | Tooltips

Tooltip max width

Tooltip text color

Tooltip background color

Tooltip arrow width

Tooltip arrow color

Інформери | Popovers

Popover body background color

Popover maximum width

Popover border color

Popover fallback border color

Popover title background color

Popover arrow width

Popover arrow color

Popover outer arrow width

Popover outer arrow color

Popover outer arrow fallback color

Ярлики | Labels

Default label background color

Primary label background color

Success label background color

Info label background color

Warning label background color

Danger label background color

Default label text color

Default text color of a linked label

Модалі | Modals

Padding applied to the modal body

Padding applied to the modal title

Modal title line-height

Background color of modal content area

Modal content border color

Modal content border color for IE8

Modal backdrop background color

Modal backdrop opacity

Modal header border color

Modal footer border color

Зауваження | Alerts

Define alert colors, border radius, and padding.

Шкала прогресу | Progress bars

Background color of the whole progress component

Progress bar text color

Variable for setting rounded corners on progress bar.

Default progress bar color

Success progress bar color

Warning progress bar color

Danger progress bar color

Info progress bar color

Групи списка

Background color on .list-group-item

.list-group-item border color

List group border radius

Background color of single list items on hover

Text color of active list items

Background color of active list items

Border color of active list elements

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

Панелі | Panels

Border color for elements within panels

Ескізи | Thumbnails

Padding around the thumbnail image

Thumbnail background color

Thumbnail border color

Thumbnail border radius

Custom text color for thumbnail captions

Padding around the thumbnail caption

Wells

Значки | Badges

Linked badge text color on hover

Badge text color in active nav link

Badge background color in active nav link

Breadcrumb background color

Breadcrumb text color

Text color of current page in the breadcrumb

Textual separator for between breadcrumb elements

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

Код

Типи

Horizontal offset for forms and lists.

Text muted color

Abbreviations and acronyms border color

Headings small color

Blockquote small color

Blockquote font size

Blockquote border color

Page header border color

Width of horizontal description list titles

Horizontal line color.

Завантажити

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