如何在使用引导程序CDN时更改引导程序断点大小

Question

我在rails应用程序上有ruby。

我在我的application.html.erb文件中使用了bootstrap CDN。

我想更改xs，s，m，lg的屏幕尺寸断点。

有没有办法在application.css中覆盖这个？

或者，有没有更好的方法来解决这个问题？

Answer 1

断点大小影响编译的CSS中的@media块的参数，其中包含特定屏幕大小的属性。一旦定义，它们将始终处于活动状态。你使用这个CSS的唯一选择是重写它定义的内容。这实际上意味着你不会使用你所服务的所有客户的一大块CSS。不完全好。

实现你想要的最简单的方法是用你自己的配置值重新编译Bootstrap。使用Rails最简单的方法是通过Bootstrap的官方Sass端口：bootstrap-sass (link to GitHub)。它有几乎所有你需要开始。

当然，这意味着没有BootstrapCDN：毕竟，它只是不提供你所需要的。您需要覆盖these variables。请记住，Bootstrap最初是用LESS编写的，而不是Sass。 Sass中的变量前面有$，而不是@。所以在LESS中的@screen-xs将是在萨斯的$screen-xs。