在rails应用程序中包含bootstrap-sass gem的css组件

Question

我的Gemfile包括gem 'bootstrap-sass'和app/assets/stylesheets/custom.css.scss我位于顶部@import "bootstrap";

但这包括引导膨胀css文件下载大小的所有css。有没有办法只包含我正在使用的bootstrap的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组件！