Features examples
-Columns with icons
-Featured title
-Paragraph of text beneath the heading to explain the heading. We'll add onto it with another sentence and probably just keep going until we run out of words.
- - Call to action - - -Featured title
-Paragraph of text beneath the heading to explain the heading. We'll add onto it with another sentence and probably just keep going until we run out of words.
- - Call to action - - -Featured title
-Paragraph of text beneath the heading to explain the heading. We'll add onto it with another sentence and probably just keep going until we run out of words.
- - Call to action - - -Hanging icons
-Columns with icons
+Featured title
Paragraph of text beneath the heading to explain the heading. We'll add onto it with another sentence and probably just keep going until we run out of words.
- - Primary button + + Call to action +Featured title
Paragraph of text beneath the heading to explain the heading. We'll add onto it with another sentence and probably just keep going until we run out of words.
- - Primary button + + Call to action +Featured title
Paragraph of text beneath the heading to explain the heading. We'll add onto it with another sentence and probably just keep going until we run out of words.
- - Primary button + + Call to action +Custom cards
+ -Short title, long jacket
--
-
- - - -
- - - Earth - -
- - - 3d - -
Hanging icons
+Featured title
+Paragraph of text beneath the heading to explain the heading. We'll add onto it with another sentence and probably just keep going until we run out of words.
+ + Primary button + +Featured title
+Paragraph of text beneath the heading to explain the heading. We'll add onto it with another sentence and probably just keep going until we run out of words.
+ + Primary button + +Featured title
+Paragraph of text beneath the heading to explain the heading. We'll add onto it with another sentence and probably just keep going until we run out of words.
+ + Primary button +Much longer title that wraps to multiple lines
--
-
- - - -
- - - Pakistan - -
- - - 4d - -
Custom cards
+ +Short title, long jacket
+-
+
- + + +
- + + Earth + +
- + + 3d + +
Much longer title that wraps to multiple lines
+-
+
- + + +
- + + Pakistan + +
- + + 4d + +
Another longer title belongs here
--
-
- - - -
- - - California - -
- - - 5d - -
Another longer title belongs here
+-
+
- + + +
- + + California + +
- + + 5d + +
Icon grid
+Icon grid
-Featured title
-Paragraph of text beneath the heading to explain the heading.
+Featured title
+Paragraph of text beneath the heading to explain the heading.
+Featured title
-Paragraph of text beneath the heading to explain the heading.
+Featured title
+Paragraph of text beneath the heading to explain the heading.
+Featured title
-Paragraph of text beneath the heading to explain the heading.
+Featured title
+Paragraph of text beneath the heading to explain the heading.
+Featured title
-Paragraph of text beneath the heading to explain the heading.
+Featured title
+Paragraph of text beneath the heading to explain the heading.
+Featured title
-Paragraph of text beneath the heading to explain the heading.
+Featured title
+Paragraph of text beneath the heading to explain the heading.
+Featured title
-Paragraph of text beneath the heading to explain the heading.
+Featured title
+Paragraph of text beneath the heading to explain the heading.
+Featured title
-Paragraph of text beneath the heading to explain the heading.
+Featured title
+Paragraph of text beneath the heading to explain the heading.
+Featured title
-Paragraph of text beneath the heading to explain the heading.
+Featured title
+Paragraph of text beneath the heading to explain the heading.
+Headers examples
--
+
+
Centered hero
-Quickly design and customize responsive mobile-first sites with Bootstrap, the world’s most popular front-end open source toolkit, featuring Sass variables and mixins, responsive grid system, extensive prebuilt components, and powerful JavaScript plugins.
-Heroes examples
+ +Centered hero
+Quickly design and customize responsive mobile-first sites with Bootstrap, the world’s most popular front-end open source toolkit, featuring Sass variables and mixins, responsive grid system, extensive prebuilt components, and powerful JavaScript plugins.
+Centered screenshot
-Quickly design and customize responsive mobile-first sites with Bootstrap, the world’s most popular front-end open source toolkit, featuring Sass variables and mixins, responsive grid system, extensive prebuilt components, and powerful JavaScript plugins.
-Centered screenshot
+Quickly design and customize responsive mobile-first sites with Bootstrap, the world’s most popular front-end open source toolkit, featuring Sass variables and mixins, responsive grid system, extensive prebuilt components, and powerful JavaScript plugins.
+Responsive left-aligned hero with image
-Quickly design and customize responsive mobile-first sites with Bootstrap, the world’s most popular front-end open source toolkit, featuring Sass variables and mixins, responsive grid system, extensive prebuilt components, and powerful JavaScript plugins.
-Responsive left-aligned hero with image
+Quickly design and customize responsive mobile-first sites with Bootstrap, the world’s most popular front-end open source toolkit, featuring Sass variables and mixins, responsive grid system, extensive prebuilt components, and powerful JavaScript plugins.
+Vertically centered hero sign-up form
-Below is an example form built entirely with Bootstrap’s form controls. Each required form group has a validation state that can be triggered by attempting to submit the form without completing it.
-Vertically centered hero sign-up form
+Below is an example form built entirely with Bootstrap’s form controls. Each required form group has a validation state that can be triggered by attempting to submit the form without completing it.
+Border hero with cropped image and shadows
-Quickly design and customize responsive mobile-first sites with Bootstrap, the world’s most popular front-end open source toolkit, featuring Sass variables and mixins, responsive grid system, extensive prebuilt components, and powerful JavaScript plugins.
-Border hero with cropped image and shadows
+Quickly design and customize responsive mobile-first sites with Bootstrap, the world’s most popular front-end open source toolkit, featuring Sass variables and mixins, responsive grid system, extensive prebuilt components, and powerful JavaScript plugins.
+Dark mode hero
-Quickly design and customize responsive mobile-first sites with Bootstrap, the world’s most popular front-end open source toolkit, featuring Sass variables and mixins, responsive grid system, extensive prebuilt components, and powerful JavaScript plugins.
-Dark mode hero
+Quickly design and customize responsive mobile-first sites with Bootstrap, the world’s most popular front-end open source toolkit, featuring Sass variables and mixins, responsive grid system, extensive prebuilt components, and powerful JavaScript plugins.
+Pricing
-Quickly build an effective pricing table for your potential customers with this Bootstrap example. It’s built with default Bootstrap components and utilities with little customization.
-Pricing
+Quickly build an effective pricing table for your potential customers with this Bootstrap example. It’s built with default Bootstrap components and utilities with little customization.
+- -
- - + -
- -
- - + -
-
-
- - - - -
- - - - -
- - - - - -
- - - - -
-
+
- + + + +
- + + + +
- + + + + +
- + + + +
Get started with Bootstrap
-Quickly and easily get started with Bootstrap's compiled, production-ready files with this barebones example featuring some basic HTML and helpful links. Download all our examples to get started.
+Get started with Bootstrap
+Quickly and easily get started with Bootstrap's compiled, production-ready files with this barebones example featuring some basic HTML and helpful links. Download all our examples to get started.
- + -+
-
Starter projects
-Ready to beyond the starter template? Check out these open source projects that you can quickly duplicate to a new GitHub repository.
--
-
- Bootstrap npm starter -
- Bootstrap Parcel starter (coming soon!) -
Starter projects
+Ready to beyond the starter template? Check out these open source projects that you can quickly duplicate to a new GitHub repository.
+-
+
- Bootstrap npm starter +
- Bootstrap Parcel starter (coming soon!) +
Guides
-Read more detailed instructions and documentation on using or contributing to Bootstrap.
--
-
- }}">Bootstrap quick start guide -
- }}">Bootstrap Webpack guide -
- }}">Bootstrap Parcel guide -
- }}">Contributing to Bootstrap -
Guides
+Read more detailed instructions and documentation on using or contributing to Bootstrap.
+ +