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

asp*_*aga 4 twitter-bootstrap

正如标题中所要求的那样,如何在最小版本(js和css)中使用git或其他版本控制(如果存在其他版本控制)将Twitter Bootstrap更新为最新版本,同时在其上应用一些自定义样式,例如:

  • 边界半径
  • 按钮颜色
  • 字体系列/字体大小
  • 等等...

没有使用LESS?

谁有一些线索如何最大限度地减少以正确方式实现这一目标的过程?

我在网上搜索了很多,找到答案,但没有结果.

Cri*_*ole 5

不要修改引导程序文件.只需创建第二个文件,为要修改的内容添加更具体的规则.

例如:

 #my-app-id .alert {
   background-color: blue;
 }
Run Code Online (Sandbox Code Playgroud)

只要您具有非常特定的覆盖,它将引导程序规则之后应用,而其他规则保持不变.然后你可以随时升级boostrap.

另外:阅读less非常简单的.它以您想象的嵌套CSS的方式工作.您可以简单地通读Bootstrap源来找出碎片.


或者你可以吸吮它并少用.这种方式非常简单.Checkout bootstrap的主分支.更改此文件:

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

使用许多方法中的一种来编译和缩小较少的css.

瞧.完成.