bootstrapから使用しないコンポーネントを削除する方法

作成日:

Notice: Trying to access array offset on value of type bool in /home/c8622571/public_html/monoxa.net/wp-content/themes/site/inc/mx-shortcodes.php on line 168
📝 はじめに 本記事はBootstrapのCSS容量削減についての一考です。

次にbootstrapからホームページを作成するにあたって使用しないコンポーネントを削除します。

そのためには、bootstrap.scssimportから不要なコンポーネントをコメントアウトしてコンパイルするだけです。

ひとまず、"code""button-group""custom-forms""jumbotron""progress""popover"は不要だと思いますので削除します。

SASS
@import "functions";
@import "variables";
@import "mixins";
@import "root";
@import "reboot";
@import "type";
@import "images";
//@import "code";
@import "grid";
@import "tables";
@import "forms";
@import "buttons";
@import "transitions";
@import "dropdown";
//@import "button-group";
@import "input-group";
//@import "custom-forms";
@import "nav";
@import "navbar";
@import "card";
@import "breadcrumb";
@import "pagination";
@import "badge";
//@import "jumbotron";
@import "alert";
//@import "progress";
@import "media";
@import "list-group";
@import "close";
@import "modal";
@import "tooltip";
//@import "popover";
@import "carousel";
@import "utilities";
@import "print";

これで 15kb程度 削除出来ました。

物草 灸太郎
物草 灸太郎

WordPressでホームページを制作しつつ、休日は畑を耕したりDIYを楽しんでいます。

Loading...

コメントをどうぞ

  • メールアドレスが公開されることはありません。
  • コメント欄にURLは入力できません。
  • このサイトはreCAPTCHAによって保護されており、Googleのプライバシーポリシー利用規約が適用されます。