bootstrap里面说的variables.less在哪儿

variables.less 属于Bootstrap 的 Less 组件之一

位于 'lib' 目录下。自 Bootstrap v1.4.0 版本起，就包含有九个 less 文件。下面我们一起来看看这九个神拆文件分别包含什么。

bootstrap.less

这是主要的 Less 文件。该文件中导入了一些其他的 less 文件。该文件中没有任何代码。

forms.less

这个 Less 文件包含了表单布局、输入框类型的样式。

mixins.less

这个 Less 文件让 CSS 代码可重复使用。

patterns.less

这个 Less 文件包含了重复的用户界镇源面元素的 CSS 代码，不会被位于 scaffolding Less 文件中的基本样式覆盖。

reset.less

这个 Less 文件包含了 CSS 重置。这是 Eric Meyer 的 CSS 重置的一个更新。一些 HTML 元素比如 dfn、samp 等的重置被免除。

scaffolding.less

这个 Less 文件保存了创建网格系统、结构化布局、页面模板所需的基本样式。

tables.less

这个 Less 文件包含了创建表格的样式。

type.less

这个 Less 文件下可找到排版相关的样式。标题、段落、列表、代码等的样式位于这个文件里边。

variables.less

这个 Less 文件包含了要定制 Bootstrap 外观和感观的变量。

如何使用

如果要使用它，请在您的 HTML 页面包含下面代码：

<link rel="stylesheet/less" href="lib/bootstrap.less" media="all" />

<script src="js/less-1.1.5.min.js"></script>

请注意，less-1.1.5.min.js 不在 js 文件夹御瞎态内，您需要下载并把它放置在指定的文件夹下。

修改bootstrap默认导航条样式方法如下：

1、用浏览器的开发工具定位css的样式所在文件，然后新建一个样式文件覆盖掉原来的样式。如果项目中的导航栏都是固定春物宴样式的，可以修改bootstrap的less源文件，修改后编译一份。

2、用chrome打开网页，使用开发者工具，左上角有个鼠标箭头，点下，选中要改样式的代码蚂渣，右侧提示样式表位置，打开，复制类名，再写入自己样式就可以了。

3、有个bootstrap.css直接去里面改就行，如果不想改变扒银原始的，要自己定义一个css，引入时候注意顺序

less文件是一个毕亏可重用的样卜数型式编译文件（很方便修改重复的地方，因为引入了变量和函数），你改了之后，拿到bootstrap或者其他型猜第三方的网站上去编译，他会根据你的变成代码自动生成你想要的css文件。

---