在Rails應用程序中包含Bootstrap-Sass gem的CSS組件

Question

我在包含gem'bootstrap gem 'bootstrap-sass' Gemfile中，以及在app/assets/stylesheets/custom.css.scss中，位於頂部的@import "bootstrap";

但這包括引導的所有css膨脹css文件的下載大小。 有沒有辦法只包含我正在使用的引導程序的css組件？

Answer 1

導入“ bootstrap”樣式時，實際上是從gem導入此文件： bootstrap.scss

如您所見，它僅導入其他文件，因此可以替換： @import "bootstrap"; 與：

// Core variables and mixins
@import "bootstrap/variables"; // Modify this for custom colors, font-sizes, etc
@import "bootstrap/mixins";
// …
// Components: common
@import "bootstrap/sprites";
@import "bootstrap/dropdowns";

Answer 2

嘗試使用縮小的CSS代碼。 同樣，當您導入引導文件時，它也會全部導入，為什么要使用自定義CSS文件時只想要CSS組件！