已有配置？上传你的 config.json 进行导入。

将文件拖拽到此处，或 。

还没有？ 没关系——直接开始自定义下面的字段。

Less 文件

选择要编译进你自定义构建的 Less 文件。不确定该选哪些？请先阅读文档中的 CSS 与 组件 页面。

通用 CSS

组件

JavaScript 组件

jQuery 插件

选择哪些 jQuery 插件应该包含在你的自定义 JavaScript 文件中。不确定该包含哪些？请阅读文档中的 JavaScript 页面。

与组件关联

魔法

生成两个文件

所有选中的插件将被编译成一个可读的 bootstrap.js 和一个压缩的 bootstrap.min.js。我们建议你在生产环境中使用压缩版本。

需要 jQuery

所有插件都需要包含最新版本的 jQuery。

Less 变量

自定义 Less 变量以定义颜色、大小和更多内容在你的自定义 CSS 样式表中。

颜色

用于在整个 Bootstrap 中使用的灰色和品牌颜色。

布局

一些最全局样式的设置。

用于 <body> 的背景颜色。

在 <body> 上的全局文本颜色。

排版

用于正文文本、标题等的字体、行高和颜色。

默认的等宽字体用于 <code>, <kbd>, 和 <pre>。

用于按钮等组件的 line-height。

用于 margin, padding 等的计算 "line-height" (font-size * line-height)

默认情况下，这继承自 <body>。

图标

指定包含 Glyphicons 图标字体的位置和文件名。对于那些通过 Bower 包含 Bootstrap 的人来说非常有用。

从该目录加载字体。

所有字体文件的文件名。

SVG 图标文件中的元素 ID。

组件

定义常见填充和边框圆角大小等。基于 14px 文本和 1.428 行高（约 20px 开始）。

全局颜色用于活动项目（例如导航或下拉菜单）。

全局背景颜色用于活动项目（例如导航或下拉菜单）。

用于生成指示下拉菜单的 border 宽度。

对于较大的组件，箭头稍微增大。

表格

自定义 .table 组件的基本值，这些值在所有表格变体中使用。

用于 <th> 和 <td> 的填充。

用于 .table-condensed 中的单元格填充。

默认用于所有表格的背景颜色。

用于 .table-striped 的背景颜色。

用于 .table-hover 的背景颜色。

表格和单元格边框的颜色。

按钮

为 Bootstrap 的每个按钮定义文本、背景和边框颜色。

表单

<input> 的背景颜色

<input disabled> 的背景颜色

<input> 的文本颜色

<input> 边框颜色

默认 .form-control 边框圆角

大 .form-control 边框圆角

小 .form-control 边框圆角

输入框聚焦时的边框颜色

占位符文本颜色

默认 .form-control 高度

大 .form-control 高度

小 .form-control 高度

.form-group 的边距

用于文本输入加号的背景颜色

用于文本输入加号的边框颜色

表单控件和按钮的禁用光标

下拉菜单容器和内容。

下拉菜单的背景颜色。

下拉菜单的 border-color。

下拉菜单的 border-color 对于 IE8。

用于在两个下拉菜单项之间的分隔线颜色。

在下拉菜单中的标题文本颜色。

自 v3.1.0 起已弃用 @dropdown-caret-color

媒体查询断点

定义布局在不同屏幕尺寸下发生变化的断点。

自 v3.0.1 起已弃用 @screen-xs

自 v3.2.0 起已弃用 @screen-xs-min

自 v3.0.1 起已弃用 @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

栅格系统

定义你的自定义响应式栅格。

栅格中的列数。

列之间的填充。左右各分一半。

导航栏变为不折叠的点。

导航栏开始折叠的点。

容器大小

定义 .container 的最大宽度，以适应不同的屏幕尺寸。

对于 @screen-sm-min 及以上。

对于 @screen-md-min 及以上。

对于 @screen-lg-min 及以上。

反转导航栏

共享导航样式

标签页

胶囊

分页

分页器

巨幕

表单状态和警告

定义表单反馈状态和默认警告的颜色。

工具提示

工具提示最大宽度

工具提示文本颜色

工具提示背景颜色

工具提示箭头宽度

工具提示箭头颜色

弹出框

弹出框背景颜色

弹出框最大宽度

弹出框边框颜色

弹出框回退边框颜色

弹出框标题背景颜色

弹出框箭头宽度

弹出框箭头颜色

弹出框外部箭头宽度

弹出框外部箭头颜色

弹出框外部箭头回退颜色

标签

默认标签背景颜色

主要标签背景颜色

成功标签背景颜色

信息标签背景颜色

警告标签背景颜色

危险标签背景颜色

默认标签文本颜色

模态框

应用于模态框主体的填充

应用于模态框标题的填充

模态框标题行高

模态框内容区域背景颜色

模态框内容边框颜色

模态框内容边框颜色 对于 IE8

模态框背景颜色

模态框背景透明度

模态框标题边框颜色

警告

定义警告颜色、边框圆角和填充。

进度条

进度条组件的整体背景颜色

进度条文本颜色

用于设置进度条圆角的变量。

默认进度条颜色

成功进度条颜色

警告进度条颜色

危险进度条颜色

信息进度条颜色

列表组

在 .list-group-item 上的背景颜色

.list-group-item 边框颜色

列表组边框圆角

单个列表项悬停时的背景颜色

活动列表项的文本颜色

活动列表项的背景颜色

活动列表元素的边框颜色

活动列表项内内容的文本颜色

禁用列表项的文本颜色

禁用列表项的背景颜色

禁用列表项内内容的文本颜色

面板

面板内元素的边框颜色

缩略图

缩略图图像周围的填充

缩略图背景颜色

缩略图边框颜色

缩略图边框圆角

缩略图标题的自定义文本颜色

缩略图标题周围的填充

容器

徽章

活动导航链接中的徽章文本颜色

活动导航链接中的徽章背景颜色

面包屑背景颜色

面包屑文本颜色

面包屑中当前页面的文本颜色

面包屑元素之间的文本分隔符

关闭

代码

类型

表单和列表的水平偏移量。

文本灰色颜色

缩写和首字母缩写边框颜色