twitter-bootstrap - 在应用自定义 css 时保持 Twitter Bootstrap 更新的最佳方法

Question

如标题中所问，我如何将 Twitter Bootstrap 从 git 或另一个版本控制(如果存在另一个版本控制)以缩小版本(js 和 css)更新到最新版本，同时在其上应用一些自定义样式，例如:

边框半径

按钮颜色

字体系列/字体大小

等等...

并且不使用 LESS ？

任何人都有一些线索如何以正确的方式最小化实现这一目标的过程？

我在网上搜索了很多，以找出答案，但没有结果。

Answer 1

不要修改 Bootstrap 文件。只需创建第二个文件，为您要修改的内容添加更具体的规则。

例如:

 #my-app-id .alert {
   background-color: blue;
 }

只要您有一个非常具体的覆盖，它将在 Bootstrap 的规则之后应用，而将其他规则保留在原位。然后，您可以随时升级 boostrap。

另外:阅读 less很简单。它的工作方式与您想象的嵌套 CSS 一样。您可以简单地阅读 Bootstrap source找出碎片。

或者你可以把它吸起来，少用一点。这样真的很简单。结帐 Bootstrap 的主分支。更改此文件:

https://github.com/twitter/bootstrap/blob/master/less/variables.less

使用众多方法中的一种将 less 编译并缩小为 css。

瞧。完全的。