自定义引导CSS模板
我刚刚开始使用Twitter的Bootstrap,我想知道定制的“最佳实践”是什么。我想开发一个系统,它将利用CSS模板(Bootstrap或其他)的所有功能,完全(而且容易)可修改,可持续(即,当下一个版本的Bootstrap从Twitter上发布时,我不必重新开始。
例如,我希望将背景图像添加到顶部导航。看起来有三种方法可以做到这一点:
- 在bootstrap.css中修改.topbar类。我并不特别喜欢这个,因为我会有很多.topbar项目,我不一定想以相同的方式修改它们。
- 用我的背景图像创建新的类,并应用这两种样式(新的和引导到我的元素)。这可能会创建样式冲突,可以通过将.topbar类剥离成单独的类,然后只使用我的自定义类没有执行的部分来避免这种冲突。同样,这需要做比我认为应该需要的更多的工作,虽然它是灵活的,但在Twitter发布下一篇文章时,它将不允许我轻松地更新bootstrap.css。
- 使用.less中的变量来实现自定义。顺便说一下,这似乎是一种不错的方法,但我没有使用.less,我担心在客户机上编译CSS和代码的可持续性。
虽然我使用的是引导,这个问题可以推广到任何CSS模板。
提前感谢您的输入。