在不触及源代码的情况下自定义Bootstrap

Question

我见过有关通过覆盖现有样式来修改Bootstrap的教程。但是，我似乎无法解决的问题是如何删除某些样式Bootstrap强制执行而不直接删除或注释掉源代码中的该部分？

例如，我不想使用任何Bootstrap的@media打印样式。我目前的解决方案是直接评论该部分。但是，我不认为这是最好的方法。

Answer 1

如果只想删除几个元素，可以覆盖它们并从自己的样式表中取消它们的样式。让我们说一个元素有一个1px solid #ccc边框而且你不想要它，你可以用你自己的1px solid transparent（或只是border: none;）覆盖它样式表。

话虽这么说，如果你必须修改大块，那么只需编辑源代码就可以轻松，删除你不想要/不需要的东西。或者，反过来说，如果没有太多的话，只需将你想要/需要的东西添加到你自己的CSS中。

Answer 2

您最好的选择是使用LESS（或SASS）版本的bootstrap并自行编译。然后在bootstrap.less中完成注释掉不需要的部分，并简单地完成：

// ...
// Reset and dependencies
@import "normalize.less";
//@import "print.less";
@import "glyphicons.less";
// ...