Bootstrap Components
Posted by on No comments
Headings
h1. Bootstrap heading |
h2. Bootstrap heading |
h3. Bootstrap heading |
h4. Bootstrap heading |
h5. Bootstrap heading |
h6. Bootstrap heading |
Buttons
Small
Disabled Default Primary Success Info Warning DangerMedium
Disabled Default Primary Success Info Warning DangerLarge
Disabled Default Primary Success Info Warning DangerPagination
Pager
Table with class .table
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird |
Table without any specific class
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird |
table with classes .table .table-striped and .table-hover
| # | 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 |
Progress Bars
Basic
Contextual alternatives
Striped
Animated
Stacked
Labels
Default
Primary
Success
Warning
Danger
Info
Badges
Alerts
Well done! You successfully read this important alert message.
Heads up! This alert needs your attention, but it's not super important.
Warning! Better check yourself, you're not looking too good.
Oh snap! Change a few things up and try submitting again.
Panels
Panel title
Panel content
Panel title
Panel content
Panel title
Panel content
Panel title
Panel content
Panel title
Panel content
Well
Look, I'm in a well!
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
Font Awesome Icons
- Amazon:
- Digg:
- Dribble:
- Dropbox:
- Facebook:
- Flickr:
- Github:
- Google:
- Google Plus:
- Instagram:
- LastFM:
- LinkedIn:
- Paypal:
- Pinterest:
- RSS:
- Skype:
- Reddit:
- Stumbleupon:
- Tumblr:
- Twitter:
- Vimeo:
- Vine:
- Xing:
- Youtube:
- Exclamation:
- Trash:
- Reply:
- Warning:
- Success:
- Info:
- Dot Circle:
- Arrow Right:
- Clock:
- No Comments:
- One Comment:
- Multiple Comments:
- Edit:
- Folder:
- Tags:
- Check:
- Arrow Left:
- Bars:
- Search:
- Home:
- NEW Envelope:
- Comment:
- Facebook-Messenger:
- Home:
- Mastodon:
- Mix:
- Mobile-alt:
- Patreon:
- Snapchat:
- Stack-Overflow:
No comments