Bootstrap(ious) 4 Boilerplate

This is a sample content.

Kitchen Sink

A quick preview of everything Bootstrap has to offer.

Learn more » Learn more »


Page HeaderWith Small Text

This is an h1 heading

This is an h2 heading

This is an h3 heading

This is an h4 heading

This is an h5 heading
This is an h6 heading
# First Name Tables
1 Michael Are formatted like this
2 Lucille Do you like them?
3 Success
4 Danger
5 Warning
6 Active
# First Name Tables
1 Michael This one is bordered and condensed
2 Lucille Do you still like it?
Content Formatting

This is a lead paragraph.

This is an ordinary paragraph that is long enough to wrap to multiple lines so that you can see how the line spacing looks.

Muted color paragraph.

Warning color paragraph.

Danger color paragraph.

Info color paragraph.

Primary color paragraph.

This is text in a small wrapper. NBD, right?

Twitter, Inc.
795 Folsom Ave, Suite 600
San Francisco, CA 94107
P: (123) 456-7890
Full Name

Here's what a blockquote looks like in Bootstrap.Use small to identify the source.

  • Normal Unordered List
  • Can Also Work
    • With Nested Children
  • Adds Bullets to Page
  1. Normal Ordered List
  2. Can Also Work
    1. With Nested Children
  3. Adds Bullets to Page

\nfunction preFormatting() {  // looks like this;  var something = somethingElse;  return true;}                        


Horizontal form

Custom Checkbox
Custom Radio

Button dropdown