html - 如何更改Less文件中的Bootstrap 3默认列号

标签 html css twitter-bootstrap-3 less

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

@grid-columns: 12;

我想这就是我所需要的。问题是我不知道它包含哪个 .less 文件。而且不知道下一步的程序会怎样?我有一个Sass但听说less不是预编译的?因此,如果我更改 -unknown- .less 文件中的值,这会起作用吗?如果有人能指导我,我真的很感激。

谢谢

注意:我知道有一个自定义 download构建器,但我想了解 Bootstrap 3 组件的概述,并且当我只想快速更改数字时不想重建。

Less file:找到的less是variables.lessline: 303

最佳答案

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

如果您想自己定制LESS文件,可以下载它们并在本地编译。如果您熟悉 Grunt,那么有一个 plugin 你可以用它来编译你的 LESS 文件。您还可以使用许多独立的编译器。 CRUNCH 是免费且跨平台的。

关于html - 如何更改Less文件中的Bootstrap 3默认列号,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26606105/

相关文章:

css - 如何减少 Bootstrap 中选择之间的填充

html - 变换旋转后列表项中未计算的空间

css - 悬停 :before set content in two lines?

html - Vaadin 中的文本字段未正确对齐文本

css transition hover with font awesome

javascript - 如何用滚动条移动 html 元素?

twitter-bootstrap - 包含 2 列的列表组

css - 使用媒体查询隐藏响应表中的列

Android WebView HTML/CSS 在默认浏览器中看起来非常不同

html - css 文本对齐 30%