• Stars
    star
    297
  • Rank 140,075 (Top 3 %)
  • Language
    HTML
  • License
    MIT License
  • Created over 2 years ago
  • Updated about 1 year 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
170,512
star
2

ratchet

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

bootstrap-sass

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

icons

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

rfs

โœฉ Automates responsive resizing โœฉ
CSS
3,318
star
6

bootlint

HTML linter for Bootstrap projects
JavaScript
2,397
star
7

bootstrap-rubygem

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

bootstrap-npm-starter

Starter template for new building with Bootstrap 4 in npm projects.
HTML
1,232
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
131
star
14

release

Bootstrap Release Working Group
114
star
15

rorschach

Bootstrap pull request sanity checker bot
Scala
106
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
67
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
24
star
21

gruntworker

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

.github

9
star
23

bootlint-server

JavaScript
7
star