メインコンテンツへスキップ

カスタマイズの概要(Overview)

BootstrapをSass、グローバルオプションのボートロード、拡張カラーシステムなどでテーマ設定、カスタマイズ、拡張する方法を学習。

概要(Overview)

Bootstrapをカスタマイズする方法は複数ある。最適な方法は、プロジェクト、構築ツールの複雑さ、使用しているBootstrapのバージョン、ブラウザのサポートなどによって異なる。

推奨される2つの方法は以下のとおり:

  1. ソースファイルの使用や拡張のため、パッケージマネージャー経由でBootstrapが使用可能。
  2. Bootstrapのコンパイル済み配布ファイルやjsDelivrを使用して、Bootstrapのスタイルの追加や上書きが可能。

ここでは、すべてのパッケージマネージャーの使用方法について詳しく説明することはできないが、独自のSassコンパイラでBootstrapを使用するためのガイダンスを提供する。

配布ファイルを使用したい場合は、これらのファイルを含める方法とHTMLページの実例について、導入ページを確認して、そこから使用するレイアウト、コンポーネント、動作の解説を参照する。

Bootstrapに慣れてきたら、グローバルオプションの利用方法、カラーシステムの利用と変更、コンポーネントの構築方法、増え続けるCSSカスタムプロパティのリストの使用方法、Bootstrapで構築する際にコードを最適化する方法について、この項目を引き続き参照する。