如何在使用引導程序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。