BootStrap Style Guide
Bootstrap
Custom Theme Generator
Typography
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.
Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula.
This line of text is meant to be treated as fine print.
The following snippet of text is rendered as bold text.
The following snippet of text is rendered as italicized text.
Wrap inline snippets of code with <code>
.
To save a file, press ctrl + s.
<p>Pre-formatted text here ...</p>
- Description lists
- A description list is perfect for defining terms.
- Euismod
- Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.
- Donec id elit non mi porta gravida at eget metus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Tables
# | Column heading | Column heading | Column heading |
---|---|---|---|
1 | Column content | Column content | Column content |
2 | Column content | Column content | Column content |
3 | Column content | Column content | Column content |
4 | Column content | Column content | Column content |
5 | Column content | Column content | Column content |
6 | Column content | Column content | Column content |
7 | Column content | Column content | Column content |
Indicators
Alerts
Warning!
Best check yo self, you're not looking too good. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.
Progress bars
Basic
Contextual alternatives
Stacked
Striped
Animated
Containers
Jumbotron
This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.
List groups
- 14 Cras justo odio
- 2 Dapibus ac facilisis in
- 1 Morbi leo risus