Bootstrap

Bootstrap is an open source toolkit for developing with HTML, CSS, and JS. Quickly prototype your ideas or build your entire app with our Sass variables and mixins, responsive grid system, extensive prebuilt components, and powerful plugins built on jQuery.

Originally created by a designer and a developer at Twitter, Bootstrap has become one of the most popular front-end frameworks and open source projects in the world.

Last update

Bootstrap Introduction

CSS
JS

Bootstrap Containers

full width container(class="container-fluid")

fixed-width container(class="container")

Bootstrap Components

Navbar:

Alerts:

A simple primary alert—check it out!

A simple warning alert—check it out!

A simple secondary alert with an example link. Give it a click if you like.

Well done!

Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content.

Whenever you need to, be sure to use margin utilities to keep things nice and tidy.

Badges:

Example heading New

Success

Breadcrumb:

Buttons:

Link

Active Radio Radio