8
自定义Bootstrap CSS模板
我刚刚开始使用Twitter的Bootstrap，并且想知道自定义的“最佳实践”是什么。我想开发一种系统，该系统将利用css模板（Bootstrap或其他）的所有功能，完全（轻松）地进行修改，具有可持续性（即–从Twitter发布下一版Bootstrap时，我不会）不必重新开始。 例如，我想将背景图像添加到顶部导航中。看来有3种方法可以解决此问题： 修改bootstrap.css中的.topbar类。我不是特别喜欢这个，因为我会有很多.topbar项，并且我不一定要用相同的方式进行修改。 用我的背景图像创建新类，然后将两种样式（新样式和自举样式应用于我的元素）。这可能会导致样式冲突，可以通过将.topbar类剥离到单独的类中，然后仅使用自定义类没有踩到的片段来避免。再次，这需要比我认为必要的工作更多的工作，并且尽管它很灵活，但它不允许我在Twitter发布下一部分时轻松更新bootstrap.css。 使用.LESS中的变量来实现自定义。副手这似乎是一个不错的方法，但是没有使用过。除非我担心在客户端上编译css和代码的可持续性。 尽管我使用的是Bootstrap，但是这个问题可以推广到任何CSS模板。 预先感谢您的输入。