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

Question

我遇到过诸如这篇讨论如何使用LESS修改 Twitter Bootstrap组件的文章。但是，我不知道我应该在我的文件中包含什么或应该如何构建它们。

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

score 3 · Accepted Answer

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

min-height: @navbarHeight;

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

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

score 0 · Accepted Answer

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

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

2 回答 2