Tables
Striped
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird |
Bordered
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| Mark | Otto | @TwBootstrap | |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry the Bird | ||
Buttons
| Button | Large Button | Small Button | Disabled Button | Button with Icon | Block Button |
|---|---|---|---|---|---|
| Default | Default | Default | Default | Default | Default |
| Primary | Primary | Primary | Primary | Primary | Primary |
| Info | Info | Info | Info | Info | Info |
| Success | Success | Success | Success | Success | Success |
| Warning | Warning | Warning | Warning | Warning | Warning |
| Danger | Danger | Danger | Danger | Danger | Danger |
Groups
Button dropdowns
Forms
Inline
Horizontal
Form Controls
Inputs
Checkbox
Radio
Select
Multiple Select
Form Controls Extended
Prepend / Append
Buttons
Checkboxes and radio
Navs
Pills
Stacked Pills
Stacked Pills in well
Tabs
I'm in Section 1. Donec vulputate tristique elit ut molestie. Suspendisse faucibus bibendum ipsum.
Howdy, I'm in Section 2.Morbi vel nibh et arcu pretium adipiscing. Ut vestibulum est eget justo facilisis ullamcorper.
Justified Tabs
I'm in Section 1. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc vel eleifend nisl. Nulla eget erat ac massa suscipit suscipit.
Howdy, I'm in Section 2. Aenean tempor luctus sem quis euismod. Praesent nec metus eu urna tempor varius id quis mauris. Quisque interdum sollicitudin sollicitudin.
Vestibulum molestie commodo elit ut feugiat. Ut porttitor elit et neque fermentum ultrices aliquam vitae arcu. Praesent leo quam, faucibus at facilisis id, rhoncus sit amet metus.
Breadcrumbs
Labels
| Name | Label |
|---|---|
| Default | Default |
| Primary | Success |
| Success | Success |
| Warning | Warning |
| Info | Info |
| Danger | Danger |
Thumbnails
Default
With Captions
Alerts
Progress Bar
Media List
-
Media heading
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo.
Media heading
Ut ante turpis, mollis id consectetur vel, volutpat id arcu.
-
Media heading
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo.
Wells
JavaScript Button
Stateful
Single toggle
Checkbox
Radio
Collapsible Panels
With styles
Carousel
Carousel Title 1
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
Carousel Title 2
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
Carousel Title 3
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
Fade Carousel
Carousel Title 1
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
Carousel Title 2
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
Carousel Title 3
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
Modal
Typography A small text
h1. Heading 1
h2. Heading 2
h3. Heading 3
h4. Heading 4
h5. Heading 5
h6. Heading 6
Paragraph
Lorem ipsum dolor sit amet, a mark here adipisicing elit. Atque, iusto, minus sequi natus nesciunt rerum tenetur corrupti autem officiis fugiat expedita laudantium ea aspernatur
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nam, velit, facere eos molestias rerum nesciunt consequatur voluptate minus quod
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio, vitae, dolore, ratione, neque deleniti officia atque dignissimos porro.
Consectetur adipisicing elit . Corrupti, aliquam, voluptates, nulla, blanditiis totam voluptatem voluptatum quod ipsa debitis non ab odio natus.
Lead text
Quisquam, dolorum, iusto iste voluptates rerum ea quas expedita.
Small text
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Omnis et ullam libero repellendus voluptatibus obcaecati magni id nulla dolores nesciunt. Quasi quisquam facilis nobis ullam rem deleniti vero consectetur earum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Someone famous in Source Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Someone famous in Source Title
List Groups
- Cras justo odio
- Dapibus ac facilisis in
- Morbi leo risus
- Porta ac consectetur ac
- Vestibulum at eros
List group item heading
Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.
List group item heading
Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.
List group item heading
Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.
Panels
This is a panel paragraph
This is a panel paragraph
This is a panel paragraph
This is a panel paragraph
This is a panel paragraph
This is a panel paragraph
This is a panel paragraph
This is a panel paragraph