• Stars
    star
    297
  • Rank 134,851 (Top 3 %)
  • Language
    HTML
  • License
    MIT License
  • Created almost 2 years ago
  • Updated 8 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

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

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.

More Repositories

1

bootstrap

The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.
JavaScript
167,231
star
2

ratchet

Build mobile apps with simple HTML, CSS, and JavaScript components.
CSS
14,583
star
3

bootstrap-sass

Official Sass port of Bootstrap 2 and 3.
SCSS
12,614
star
4

icons

Official open source SVG icon library for Bootstrap.
JavaScript
7,116
star
5

rfs

✩ Automates responsive resizing ✩
CSS
3,280
star
6

bootlint

HTML linter for Bootstrap projects
JavaScript
2,394
star
7

bootstrap-rubygem

Bootstrap rubygem for Rails / Sprockets / Hanami / etc
SCSS
2,003
star
8

bootstrap-npm-starter

Starter template for new building with Bootstrap 4 in npm projects.
HTML
1,225
star
9

bootstrap-expo

Beautiful and inspiring uses of Bootstrap.
SCSS
476
star
10

blog

Official blog for Bootstrap.
HTML
227
star
11

bootstrap-server

The node server that powers the bootstrap customize page (no longer maintained).
JavaScript
177
star
12

stylelint-config-twbs-bootstrap

Stylelint config for Bootstrap
JavaScript
139
star
13

no-carrier

Tool to auto-close old GitHub issues that were abandoned by their reporter
Scala
132
star
14

release

Bootstrap Release Working Group
111
star
15

rorschach

Bootstrap pull request sanity checker bot
Scala
105
star
16

mq4-hover-shim

A shim for the Media Queries Level 4 `hover` media feature
JavaScript
97
star
17

grunt-bootlint

A Grunt wrapper for Bootlint, the HTML linter for Bootstrap projects
JavaScript
64
star
18

savage

Service to safely run Travis CI tests with heightened permissions on pull requests
Scala
45
star
19

bootstrap-npm

Demo for how to include, customize, and compile Bootstrap's Sass/CSS with npm.
HTML
32
star
20

grunt-css-flip

UNMAINTAINED Grunt plugin for Twitter's css-flip.
JavaScript
23
star
21

gruntworker

Periodically grabs changes, runs build scripts, and pushes built changes back to the Bootstrap git repo
Python
19
star
22

bootlint-server

JavaScript
6
star
23

.github

6
star