GitHub - twbs/examples: Functional examples of using Bootstrap in common JS frameworks like Webpack, Parcel, Vite, and more!

Functional examples for building with Bootstrap using popular tools and frameworks.
Explore Bootstrap docs »

Important

These examples use the Bootstrap v6 alpha. For Bootstrap 5 examples, see the v5-dev branch.

The React example is temporarily unavailable because React Bootstrap does not support Bootstrap v6 yet. Find its Bootstrap 5 version on v5-dev.

Directory

Starter – CDN links for our CSS and JS
Sass & JS — Import Sass, Autoprefixer, Stylelint, and our JS bundle via npm
Sass & ESM JS — Import Sass, Autoprefixer, and Stylelint via npm, and then load our ESM JS with a shim
Color modes – Color mode support and color mode picker built on our Sass & ESM JS example
Bootstrap Icons font - Import and compile Sass, Stylelint, PurgeCSS, and our icon font
Parcel - Sass, JS via Parcel
Vite - Sass, JS via Vite
Vue - Sass, JS via Vue/Vite
Webpack - Import and bundle Sass and JS with Webpack
PurgeCSS - import sass w/ purgecss and js via npm

Licensed under the MIT License.