ruby-on-rails - Railsアプリにbootstrap-sassgemのcssコンポーネントを含める

Question

私はGemfileにgem 'bootstrap-sass'ありapp/assets/stylesheets/custom.css.scss、トップにあります@import "bootstrap";

ただし、これには、cssファイルのダウンロードサイズを肥大化させるブートストラップのすべてのcssが含まれます。私が使用しているブートストラップのcssコンポーネントだけを含める方法はありますか？

Answer 1

「ブートストラップ」スタイルをインポートする場合、実際には、このファイルを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コンポーネントだけが必要なのはなぜですか。