<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.
<h6> Heading
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maiores tempore amet aut reiciendis illum necessitatibus.
Inline Text
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
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.
I think most programmers spend the first 5 years of their career mastering complexity, and the rest of their lives learning simplicity.
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.
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-frame">
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
