### Buttons

###### Styles :

###### Sizes :

###### Colors :

###### Buttons Tags :

### Inputs

###### Form controls :

###### Sizes :

### Dropdowns

Dropdown link

###### Directions :

### Navigations

### Progress Bars :

Default:
90%
Success:
90%
Danger:
90%
Warning:
90%
Info:
90%
Dark:
90%

### Paginations :

### Badges :

Primary Secondary Success Danger Warning Info Light Dark

###### Badge Pills :

Primary Secondary Success Danger Warning Info Light Dark

### Alerts :

A simple primary alert—check it out!
A simple secondary alert—check it out!
A simple success alert—check it out!
A simple danger alert—check it out!
A simple warning alert—check it out!
A simple info alert—check it out!
A simple dark alert—check it out!

### Tables

# | First | Last | Handle
--- | --- | --- | ---
1 | Mark | Otto | @mdo
2 | Jacob | Thornton | @fat
3 | Larry | the Bird | @twitter

###### Dark Table :

# | First | Last | Handle
--- | --- | --- | ---
1 | Mark | Otto | @mdo
2 | Jacob | Thornton | @fat
3 | Larry | the Bird | @twitter

###### Striped rows :

# | First | Last | Handle
--- | --- | --- | ---
1 | Mark | Otto | @mdo
2 | Jacob | Thornton | @fat
3 | Larry | the Bird | @twitter

###### Bordred :

# | First | Last | Handle
--- | --- | --- | ---
1 | Mark | Otto | @mdo
2 | Jacob | Thornton | @fat
3 | Larry the Bird | @twitter

### Typography

`<h1></h1> || .h1` | h1. Bootstrap heading
`<h2></h2> || .h2` | h2. Bootstrap heading
`<h3></h3> || .h3` | h3. Bootstrap heading
`<h4></h4> || .h4` | h4. Bootstrap heading
`<h5></h5> || .h5` | h5. Bootstrap heading
`<h6></h6> || .h6` | h6. Bootstrap heading
Paragraph : | Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugiat explicabo ab sed voluptas odit hic obcaecati qui omnis.
BlockQuote : | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Ordred List : | Integer molestie lorem at massa Facilisis in pretium nisl aliquet Nulla volutpat aliquam velit Phasellus iaculis neque Vestibulum laoreet porttitor sem Ac tristique libero volutpat at Faucibus porta lacus fringilla vel Eget porttitor lorem
Unordred List : | Integer molestie lorem at massa Facilisis in pretium nisl aliquet Nulla volutpat aliquam velit Phasellus iaculis neque Vestibulum laoreet porttitor sem Ac tristique libero volutpat at Faucibus porta lacus fringilla vel Eget porttitor lorem
Unstyled List : | Integer molestie lorem at massa Facilisis in pretium nisl aliquet Nulla volutpat aliquam velit Phasellus iaculis neque Vestibulum laoreet porttitor sem Ac tristique libero volutpat at Faucibus porta lacus fringilla vel Eget porttitor lorem
Description lists : | Euismod Vestibulum id ligula porta felis euismod semper eget lacinia odio. Malesuada porta Etiam porta sem malesuada magna mollis euismod. Truncated term is truncated Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nesting Nested definition list Aenean posuere, tortor sed cursus feugiat, nunc augue blandit nunc.
Muted Text : | Lorem ipsum dolor sit amet, consectetur adipisicing elit. In, nulla, reprehenderit! Beatae, dolor harum fugiat.
Primary Text : | Lorem ipsum dolor sit amet, consectetur adipisicing elit. In, nulla, reprehenderit! Beatae, dolor harum fugiat.
Danger Text : | Lorem ipsum dolor sit amet, consectetur adipisicing elit. In, nulla, reprehenderit! Beatae, dolor harum fugiat.
Warning Text : | Lorem ipsum dolor sit amet, consectetur adipisicing elit. In, nulla, reprehenderit! Beatae, dolor harum fugiat.
Success Text : | Lorem ipsum dolor sit amet, consectetur adipisicing elit. In, nulla, reprehenderit! Beatae, dolor harum fugiat.
Info Text : | Lorem ipsum dolor sit amet, consectetur adipisicing elit. In, nulla, reprehenderit! Beatae, dolor harum fugiat.