<h1> Heading
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maiores tempore amet aut reiciendis illum necessitatibus.
<h2> Heading
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maiores tempore amet aut reiciendis illum necessitatibus.
<h3> Heading
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maiores tempore amet aut reiciendis illum necessitatibus.
<h4> Heading
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maiores tempore amet aut reiciendis illum necessitatibus.
<h5> Heading
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maiores tempore amet aut reiciendis illum necessitatibus.
<h6> Heading
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maiores tempore amet aut reiciendis illum necessitatibus.
Article
You might have noticed all the monospaced text in this guide. There are a number of inline HTML elements you may use anywhere within other elements, including abbr, cite, code, del, em, ins, strong, var, and link
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Pariatur tempore eveniet consequatur illum ipsam impedit.
Heading between copy
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maxime aliquam perferendis a, praesentium, placeat commodi rerum tempore officiis et quo. Omnis itaque optio maxime saepe.
Blockquote
A complex system that works is invariably found to have evolved from a simple system that worked. The inverse proposition also appears to be true: A complex system designed from scratch never works and cannot be made to work. You have to start over, beginning with a working simple system.
Simplicity is the ultimate sophistication.
Horizontal Rule <hr> OR <hr class="hr">
Lists
Ordered List <ol>
- List Item
- List Item
- Morbi in sem quis dui placerat ornare. Pellentesque odio nisi, euismod in, pharetra a, ultricies in, diam. Sed arcu.
- List Item
- List Item
- Morbi in sem quis dui placerat ornare. Pellentesque odio nisi, euismod in, pharetra a, ultricies in, diam. Sed arcu.
Unordered List <ul>
- List Item
- List Item
- Morbi in sem quis dui placerat ornare. Pellentesque odio nisi, euismod in, pharetra a, ultricies in, diam. Sed arcu.
- List Item
- List Item
- Morbi in sem quis dui placerat ornare. Pellentesque odio nisi, euismod in, pharetra a, ultricies in, diam. Sed arcu.
Definition List List <dl>
- Definition list
- Consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
- Lorem ipsum dolor sit amet
- Consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Table
| Heading | Heading | Heading | Heading |
|---|---|---|---|
| Table Cell | Table Cell | Table Cell | Table Cell |
| Table Cell | Table Cell | Table Cell | Table Cell |
| Table Cell | Table Cell | Table Cell | Table Cell |
| Heading | Heading | Heading | Heading |
|---|---|---|---|
| Table Cell | Table Cell | Table Cell | Table Cell |
| Table Cell | Table Cell | Table Cell | Table Cell |
| Table Cell | Table Cell | Table Cell | Table Cell |
| Heading | Heading | Heading | Heading |
|---|---|---|---|
| Table Cell | Table Cell | Table Cell | Table Cell |
| Table Cell | Table Cell | Table Cell | Table Cell |
| Table Cell | Table Cell | Table Cell | Table Cell |
| Heading | Heading | Heading | Heading |
|---|---|---|---|
| Table Cell | Table Cell | Table Cell | Table Cell |
| Table Cell | Table Cell | Table Cell | Table Cell |
| Table Cell | Table Cell | Table Cell | Table Cell |
| Heading | Heading | Heading | Heading |
|---|---|---|---|
| Table Cell | Table Cell | Table Cell | Table Cell |
| Table Cell | Table Cell | Table Cell | Table Cell |
| Table Cell | Table Cell | Table Cell | Table Cell |
Image Alignments
Left <img class="align-left">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Impedit, culpa, officiis, recusandae minus qui autem labore eveniet ullam praesentium maxime vel eos nam! Voluptatem, iste, suscipit sit quidem veritatis vitae animi fugit numquam doloribus nemo non fugiat quibusdam laboriosam a quis deleniti minima cum repudiandae sint officiis maxime necessitatibus voluptas.
Right <img class="align-right">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Impedit, culpa, oRightficiis, recusandae minus qui autem labore eveniet ullam praesentium maxime vel eos nam! Voluptatem, iste, suscipit sit quidem veritatis vitae animi fugit numquam doloribus nemo non fugiat quibusdam laboriosam a quis deleniti minima cum repudiandae sint officiis maxime necessitatibus voluptas.
Center <img class="align-center">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Similique, quos, deserunt obcaecati sapiente vero repellendus vel alias doloremque nam magnam quidem dolore consequuntur. Inventore, illum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Similique, quos, deserunt obcaecati sapiente vero repellendus vel alias doloremque nam magnam quidem dolore consequuntur. Inventore, illum.
Image with Frame <img class="img-thumbnail">
Alerts
<div class="alert">
Alert
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut, placeat perspiciatis facere expedita quae rem similique voluptatem animi dicta debitis excepturi nobis corporis nam totam.
<div class="alert alert-info">
Info Alert
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut, placeat perspiciatis facere expedita quae rem similique voluptatem animi dicta debitis excepturi nobis corporis nam totam.
<div class="alert alert-error">
Error Alert
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut, placeat perspiciatis facere expedita quae rem similique voluptatem animi dicta debitis excepturi nobis corporis nam totam.
<div class="alert alert-success">
Success Alert
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut, placeat perspiciatis facere expedita quae rem similique voluptatem animi dicta debitis excepturi nobis corporis nam totam.
Buttons
Primary
Secondary
Social Icons (With Tooltips)
Bootstrap Grid (only)
Please refer to http://getbootstrap.com/css/#grid