twbs/examples

Functional examples of using Bootstrap in common JS frameworks like Webpack, Parcel, Vite, and more!

692

stars

647

commits

HTML

primary language

Sep 10, 2026

updated

bootstrap
bootstrap-icons
parcel
sass
vite
webpack

README

Bootstrap logo

Bootstrap Examples

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

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
  • React - Sass with React Bootstrap components using React and Next.js
  • 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

License

Licensed under the MIT License.

Contributors

dependabot[bot]

366 commits

julien-deramond

168 commits

XhmikosR

74 commits

mdo

34 commits

twbs/examples

Functional examples of using Bootstrap in common JS frameworks like Webpack, Parcel, Vite, and more!

692

stars

647

commits

HTML

primary language

Sep 10, 2026

updated

bootstrap
bootstrap-icons
parcel
sass
vite
webpack

README

Bootstrap logo

Bootstrap Examples

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

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
  • React - Sass with React Bootstrap components using React and Next.js
  • 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

License

Licensed under the MIT License.

Contributors

dependabot[bot]

366 commits

julien-deramond

168 commits

XhmikosR

74 commits

mdo

34 commits

Languages

HTML

45.8%

SCSS

29.1%

JavaScript

9.9%

TypeScript

8.9%

Vue

6.3%