如何使用Less自定义Twitter Bootstrap？ （导航栏高度）

Question

我发现this one等文章讨论了如何使用Twitter Bootstrap修改LESS的组件。但是，我不知道我应该在文件中包含什么或者应该如何构建它们。

如何使用LESS修改导航栏的高度？

Answer 1

首先从github下载较少的文件，然后查找设置高度的位置。快速浏览文件，了解到高度首先在第22行的navbar.less中设置：

min-height: @navbarHeight;

如您所见，变量用于设置高度。仔细查看同一个文件会显示该变量被用了几次来设置导航栏内各种高度的项目。最简单的方法是更改​​该变量的值。它应该在variables.less文件中。将它设置为您想要的任何内容，并重新编译您的bootstrap.less。

如果您决定更新您的bootsrap版本，您应该能够保留您的variables.less文件，并将其余文件更改为新版本。当然，这只是他们不添加任何新变量的情况。

Answer 2

PeterVR解释了如何在下载并设置更少后更新本地更少。但是，如果您愿意，如果您不想处理重新编译较少的模板等，则可以在Twitter Bootstrap Customize页面上下载之前自定义引导程序分发。

从长远来看，最好自己下载源文件并管理对引导程序默认值的覆盖。否则，这可能会满足您快速轻松覆盖默认设置的需求。