然后再less文件夹下新建 __main.less 文件，此文件是bootstrap.less 的重命名版，它导入了其他所有文件，之后就是通过编译它基于所有导入的LESS文件生成一个统一的样式表。不过记得修改其导入文件的路径：
// Core variables and mixins
@import "bootstrap/variables.less";
@import "bootstrap/mixins.less";
...
为什么要多此一举呢？因为我们很快就要创建自己的LESS文件了。这样一来，我们创建的文件就不会与Bootstrap内置的文件混淆，便于调整。
7.1 自定义变量
按照惯例，我们先复制一份Bootstrap的变量文件，然后对其进行修改。
(1) 找到less/bootstrap 文件夹中的variables.less 文件，在编辑器中打开它。
(2) 浏览一下这个文件，会发现各种变量，有定义基本颜色值的，有定义页面背景颜色的，有定义基本颜色值，有定义页面背景颜色的，有定义字体的，还有定义导航条和背景高度的，等等。看起来很好，但改动一下更妙。改动之前，我们先存一个副本，以防将来改坏，好恢复。
(3) 副本另存为 bootstrap 文件夹外部，在 less 文件夹的 __main.less 文件旁边。为表示它是自定义文件，命名为_variables.less 。
下面我们就来自定义颜色。
(1) 在新_variables.less 文件的最开始，可以看到 Bootstrap 为灰色和品牌色定义的默认变量及其值。这里的灰色值是基于黑色按比例计算的，使用了 LESS 的 lighten 函数：
...
@gray-darker: lighten(@gray-base, 13.5%); // #222
...
(2) 我们知道自己想要的值，因此直接替换即可（当然也可以尝试使用计算的值）。然后再增加两个变量，以涵盖我们需要的完整灰度空间。
(3) 代码如下:
@gray-darker: #222;
@gray-dark: #454545;
@gray: #777;
@gray-light: #aeaeae;
@gray-lighter: #ccc;
@gray-lightest: #ededed;
@off-white: #fafafa;
接下来再修改品牌颜色中的@brand-primary 变量，将其改为金黄色：
复制代码 代码如下:
@brand-primary: #c1ba62;
要看结果，需要导入这些新变量并重新编译生成CSS。
7.2 导入新变量
修改__main.less文件，把原来的"bootstrap/variables.less" 替换成"_variables.less"。然后选中 __main.less 进行编译，将输出路径设置为 css/main.css 。编译后，刷新即可看到显示效果如下：
可以看到链接和类为 btn-primary 的按钮颜色都会发生变换，因为它们使用的都是变量 @brand-primary 的颜色。
7.3 编辑导航条变量
下面，我们来编辑设定导航条高度、颜色和悬停效果的变量。
(1) 在_variables.less 中，搜索到下列变量，并修改为下列值。这样一来，就可以增加导航条的高度、把品牌色应用给链接，同时利用其他相关的颜色变量。
@navbar-height: 64px; @navbar-margin-bottom: 0; ... @navbar-default-color: @gray; @navbar-default-bg: #fff; @navbar-default-border: @gray-light; ... // Navbar links @navbar-default-link-color: @navbar-default-color; @navbar-default-link-hover-color: @link-hover-color; @navbar-default-link-hover-bg: @off-white; @navbar-default-link-active-color: @link-hover-color; @navbar-default-link-active-bg: @gray-lightest; @navbar-default-link-disabled-color: @gray-lighter; @navbar-default-link-disabled-bg: transparent; ...
(2) 保存修改、编译并刷新。其修改前后的显示效果如下：
可以看到有关导航条的新特性：
□ 高度增加了14px;
□ 背景变成了白色；
□ 底部边框稍微变暗了一些；
□ 导航项的背景在悬停时稍暗了一点；
□ 导航项的背景在活动时稍暗一些；
□ 链接文本的颜色在悬停时和活动时变成了品牌色。
接下来，我们把Logo放置到位。
8.添加 Logo 图片