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

実例:スターター 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で編集

Webpack

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

StackBlitzで編集

Parcel

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

StackBlitzで編集

Vite

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

StackBlitzで編集

Bootstrapアイコンフォント

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

StackBlitzで編集