/Vite-Boilerplate

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

Primary LanguageHTMLMIT LicenseMIT

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 – New example for the Bootstrap v5.3.0 pre-release built on our Sass & ESM JS example. Also includes color mode support and color mode picker.
  • 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.