如何更改较少文件中的 Bootstrap 3 默认列号答案

【问题标题】：How to change Bootstrap 3 default column number in less file如何更改较少文件中的 Bootstrap 3 默认列号
【发布时间】：2014-12-23 17:25:43
【问题描述】：

我想知道如何更改 Bootstrap 3 中的默认列数 (12)。我在 Documentation 中找到了这个

@grid-columns: 12;

我认为这就是我所需要的。问题是我不知道它包含哪个.less 文件。此外，我不知道进一步的程序将如何？我有 Sass 背景，但听说 less 不是预编译的？因此，如果我更改 -unknown- .less 文件中的值，那已经可以了吗？如果有人能指导我，我真的很感激。

谢谢

注意：我知道有一个自定义的download builder，但是我想对 Bootstrap 3 的组件有一个概述，并且不想在我只想更改一个数字很快。

less文件：找到less，是variables.less和line: 303

【问题讨论】：

【解决方案1】：

如果您还不熟悉 LESS，您可以从 Bootstrap Customize 页面创建已编译源的自定义下载。只需编辑该页面上的网格列，修改您想要的任何其他选项，然后单击页面底部的下载。

如果您想自己定制 LESS 文件，可以下载并在本地编译。如果您熟悉 Grunt，则可以使用 plugin 来编译您的 LESS 文件。您还可以使用许多独立的编译器。 CRUNCH 是免费的跨平台的。

【讨论】：

好的，这意味着需要编译的文件越少。既然我有信息，那么无需预编译就可以工作？
对不起，我不明白这个问题。你能换个方式问吗？如果文件较少，则需要将它们编译成 CSS 以便浏览器理解它们。在开发环境中，可以使用less.js文件来支持less文件，无需编译，但不推荐用于生产环境。你可以在这里下载less.js：github.com/less/less.js
你没看错。这基本上是我的问题。谢谢！

【解决方案2】：

用于调整全局网格列值的变量包含在 variables.less 文件中。 variables.less 文件通过 bootstrap.less 文件中的 @import 语句引用。

bootstrap/
├── less/
│   ├── bootstrap.less  (@import 'variables.less')
│   ├── ...
│   ├── variables.less
...

【讨论】：