我一直在寻找有效地覆盖Bootstrap CSS的方法。我看到了许多问题和答案，其中两个值得注意的是:
- 用LESS引导变量重写
- 重写引导css的最佳方式
但我不相信他们解决了我的特殊用途。我也希望你能批评一下我的思维过程，看看这是否值得。这里。
以下是我希望能够做到的:
- 使用Less/Sass来利用Bootstrap的内置变量，并在框架范围内进行更改，例如导航条高度或崩溃断点。这些在CSS中很难做到，但在Less/Sass中很容易做到，所以你可以看到这里的优势。
- 使用引导通过CDN。从性能到可靠性，这有很多好处。
- 链接到(宿主)一个样式表，其中只包含我的更改。这减少了文件大小和CSS冗余，只保留必要的覆盖。它还提高了客户机和服务器的性能。
如果我只是编辑Less文件并重新编译它们，我基本上是自己托管Bootstrap，不需要CDN。但是，如果我通过CDN托管Bootstrap，并且只托管我自己的更改，我知道实现这一点的唯一方法是使用纯CSS，从而失去了少变量的优势。
想法吗?
我会通过CDN导入bootstrap，然后有一个单独的css文件(从less生成)，使用比bootstrap更具体的选择器。
唯一的问题是使用更少的变量。如果它们都在一个单独的文件中，则导入该文件。或者你可能不得不咬紧牙关，手动将它们复制到你自己的文件中。这可能没有问题，因为你正在重写css。
确保在CDN链接中设置bootstrap的版本，而不是使用最新版本。否则，新版本可能会出现，破坏一切。