Bootstrap v.3.0. stable
CLASSIC PLUS UI theme 1.0. by @bootstraptor This is .jumbotron header Some text...
Page Header With 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? |
This is 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.
Success color paragraph.
This is text in a small wrapper. NBD, right?
795 Folsom Ave, Suite 600
San Francisco, CA 94107
P: (123) 456-7890 Full Name
first.last@example.com
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
- Normal Ordered List
- Can Also Work
- With Nested Children
- Adds Bullets to Page
function preFormatting() {
// looks like this;
var something = somethingElse;
return true;
}
Warning!
This is a block style alert.
Header
Header
Header
-
Media heading
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
Nested media heading
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
Nested media heading
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
Nested media heading
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. -
Media heading
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
- Cras justo odio14
- Dapibus ac facilisis in
- Morbi leo risus
- Porta ac consectetur ac1224
- Vestibulum at eros
List group item heading
Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.
List group item heading
Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.
List group item heading
Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.
This is a panel
This is a panel
This is a panel
This is a panel
This is a panel
This is a panel
- First Item
- Second Item
- Third Item
Example templates
Build on the basic template above with Bootstrap's many components. Check out some of the more advanced tips for how to customize and build on top of them.
Jumbotron
Build around the jumbotron with a navbar and some basic grid columns.
Narrow jumbotron
Build a more custom page by narrowing the default container and jumbotron.
Sign-in page
Custom form layout and design for a simple sign in form.
Sign-in Alt. page
Custom form layout and design for a simple sign in form.
Sticky footer
Attach a footer to the bottom of the viewport when the content is shorter than it.
Sticky footer with navbar
Attach a footer to the bottom of the viewport with a fixed navbar at the top.
Justified nav
Expand on the default navbar and more to create justified navigation links.
Justified nav Alt.
Expand on the default navbar and more to create justified navigation links.
Offcanvas
Build a toggleable off-canvas navigation menu for use with Bootstrap.
Carousel
Customize the navbar and carousel, then add some new components.
Carousel
Customize the navbar and carousel, then add some new components.