概要
Bootstrapをカスタマイズする方法は複数あります。最適な方法は、あなたのプロジェクト、あなたのビルドツールの複雑さ、あなたが使用しているBootstrapのバージョン、ブラウザのサポートなどに依存します。
方法は2つあります。:
- via package managerを使用して、ソースファイルを使用したり拡張したりすることができます。
- Bootstrapのcompiled distribution filesやjsDelivrを使用することで、Bootstrapのスタイルに追加したり、上書きができます。
すべてのパッケージマネージャの使い方をここで詳しく説明することはできませんが、usingBootstrapwith your own Sass compilerについては、いくつかのガイダンスを提供することができます。
配布ファイルを使いたい方は、スタートページで、ファイルのインクルード方法とHTMLページの例をご覧ください。そこから、使用したいlayout、components、behaviorsのドキュメントを参照してください。
Bootstrapに慣れてきたら、グローバルオプションの利用方法、カラーシステムの利用と変更、コンポーネントの構築方法、増え続けるCSSカスタムプロパティの利用方法、Bootstrapで構築する際にコードを最適化する方法などの詳細について、このセクションの探索を続けてください。
CSPと埋め込みSVG
いくつかのcomponentsは、ブラウザやデバイス間でコンポーネントを一貫して簡単にスタイルするために、CSSに埋め込みSVGを含んでいます。For organizations with more strict CSPconfigurations、Bootstrapは埋め込みSVGのすべてのインスタンス（すべてbackground-imageを介して適用されます）を文書化しましたので、選択肢をより徹底的に検討することができます。
- Accordion
- Carousel controls
- Close button（アラートとモーダルで使用）
- Form checkboxes and radio buttons
- Form switches
- Form validation icons
- Navbar toggle buttons
- Select menus
community conversationによるとお客様のコードベースでこの問題に対処するためのオプションとしては、URLをローカルにホストされているアセットに置き換える、画像を削除してインライン画像を使用する（すべてのコンポーネントで可能ではありません）、CSPを変更するなどがあります。お客様におかれましては、ご自身のセキュリティポリシーをよくご確認いただき、必要に応じて最善の方法をお選びください。