メインコンテンツにスキップ ドキュメントナビゲーションにスキップ

実例:スターター v5.3.0新設

StackBlitz で編集できる、Webpack、Parcel、Vite などの一般的なJSフレームワークでのBootstrapの使用例。

※"v5.0.0"での変更はv5.0.0-alpha版、v5.0.0-beta版での変更も含みます。
※"v5.2.0"での変更はv5.2.0-beta1での変更も含みます。
※"v5.3.0"での変更はv5.3.0-alpha版での変更も含みます。
CDNスターター

Bootstrapのコンパイル済みCSSとJavaScriptをjsDelivr CDN経由で即座に取り込むことができる。

StackBlitzで編集

Sass & JS

npmを使用してBootstrapのSassとAutoprefixer、Stylelint、バンドルされているJavaScriptをインポートしてコンパイルする。

StackBlitzで編集

Sass & ESM JS

BootstrapのSassをAutoprefixerとStylelintでインポートしてコンパイルし、ESM shimでソースのJavaScriptをコンパイルする。

StackBlitzで編集

Bootstrapカラーモード

BootstrapのSassをStylelintでインポートしてコンパイルし、Bootstrapのカラーモードが使えるようにする。

StackBlitzで編集

Bootstrapアイコンフォント

BootstrapのSassをStylelint、PurgeCSSでBootstrap IconsのWebフォントと一緒にインポートしてコンパイルする。

StackBlitzで編集

Parcel

BootstrapのソースのSassとJavaScriptをParcelでインポートしてバンドルする。

StackBlitzで編集

React

BootstrapのソースであるSassとJavaScriptをReact、Next.js、React Bootstrapでインポートしてバンドルする。

StackBlitzで編集