Bootstrap Snippets
Grid System
.col-md-6
.col-md-6
.col-md-4
.col-md-4
.col-md-4
.col-md-3
.col-md-3
.col-md-3
.col-md-3
.col-md-2
.col-md-2
.col-md-2
.col-md-2
.col-md-2
.col-md-2
Offset
.col-md-4
.col-md-4
.col-md-3
.col-md-3
.col-md-6
Nesting
8
8 Nested
8 Nested Again
4
4
4
Ordering
6 First
6 Last
8 First
4 last
9 First
3 Last
4 First
8 last
Dropdown
Button Groups
Button Toolbar
Nesting in Button
Vertical Button
Justified Button Groups
Button Dropdowns
Split Button Dropdowns
Button Dropdown Sizing
Dropup variation
Input Groups
@gmail.com
$
.00
Sizing
@gmail.com
@gmail.com
@gmail.com
Checkboxes and radio addons
Button Addons with Dropdowns
Segmented Buttons
Tabs
Pills
Vertical Pills
Justified Navigation and Disabled Links
navs with Dropdowns
Navbar
Navbar Inverse
Breadcrumbs
Pagination
Pagers and Aligned Links
Labels
Heading 1New
Heading 2New
Heading 3New
Heading 4New
Heading 5New
Heading 6New
Default Primary Success Info Warning Danger
Badges
Inbox 42Jumbotron
Dropdown
Dropdown Component creates contextual menus with list of links using dropdown plug-in. Dropdown is triggered by dropdown class. Dropdown automatically aligned left top of the screen. .dropdown-menu-right class aligns menu to right side of the screen.
Page Header
Example page header Subtext for header
Thumbnails
Custom Thumbnail
Alerts
Your message is successfully sent.
This is alert message.
This is warning message.
Your message is not sent. Send again.
Dismiss Alerts
Warning! This is warning message.
Links in Alert
Well done! You successfully read this important alert message.
Progress Bars
List Group
- Cras justo odio
- Dapibus ac facilisis in
- Morbi leo risus
- Porta ac consectetur ac
- Vestibulum at eros
List Group with Badges
- 14Cras justo odio
- 48Dapibus ac facilisis in
- 25Morbi leo risus
- 79Porta ac consectetur ac
- 36Vestibulum at eros
Panel
Panel Title
Some default panel content here. Nulla vitae elit libero, a pharetra augue. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Nullam id dolor id nibh ultricies vehicula ut id elit.
Well
Look, I'm in a small well!