Customize (カスタマイズ)

Overview

Bootstrapをカスタマイズする方法は複数あります。最適な方法は、あなたのプロジェクト、あなたのビルドツールの複雑さ、あなたが使用しているBootstrapのバージョン、ブラウザのサポートなどに依存します。

方法は2つあります。

1. via package manager を使用して、ソースファイルを使用したり拡張したりすることができます。
2. Bootstrapの compiled distribution files や jsDelivr を使用することで、Bootstrapのスタイルに追加したり、上書きができます。

すべてのパッケージマネージャの使い方をここで詳しく説明することはできませんが, using Bootstrap with your own Sass compiler については、いくつかのガイダンスを提供することができます。）

配布ファイルを使いたい方は, getting started pageで、ファイルのインクルード方法とHTMLページの例をご覧ください。そこから, 使用したい layout, components, behaviors のドキュメントを参照してください。

Bootstrapに慣れてきたら、グローバルオプションの利用方法、カラーシステムの利用と変更、コンポーネントの構築方法、増え続けるCSSカスタムプロパティの利用方法、Bootstrapで構築する際にコードを最適化する方法などの詳細について、このセクションの探索を続けてください。

CSPs and embedded SVGs

いくつかの components は, ブラウザやデバイス間でコンポーネントを一貫して簡単にスタイルするために, CSSに埋め込みSVGを含んでいます。For organizations with more strict CSPconfigurations、私たちは埋め込みSVGのすべてのインスタンス（すべてbackground-imageを介して適用されます）を文書化しましたので、選択肢をより徹底的に検討することができます。

• Accordion
• Close button (used in alerts and modals)
• Form checkboxes and radio buttons
• Form switches
• Form validation icons
• Select menus
• Carousel controls
• Navbar toggle buttons

community conversation によると お客様のコードベースでこの問題に対処するためのオプションとしては、URLをローカルにホストされているアセットに置き換える、画像を削除してインライン画像を使用する（すべてのコンポーネントで可能ではありません）、CSPを変更するなどがあります。お客様におかれましては、ご自身のセキュリティポリシーをよくご確認いただき、必要に応じて最善の方法をお選びください。