Overview
Jumbotron
Hello, world!
This is a simple hero unit, a simple jumbotron-style component for calling extra
attention to featured content or information.
It uses utility classes for typography and spacing to space content out within the larger
container.
Learn more
Fluid jumbotron
Fluid jumbotron
This is a modified jumbotron that occupies the entire horizontal space of
its parent.
Breadcrumb
Indicate the current page’s location within a navigational hierarchy that automatically adds
separators via CSS.
Dividers
Cards
Card title
Some quick example text to build on the card title and make up the bulk
of the card's content.
Go somewhere
Display headings
Display 1
Display 2
Display 3
Display 4
Blockquotes with Naming a source
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a
ante.
alighnments
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a
ante.
Buttons
Outline buttons
Flex Properties
d-flex
d-inline-flex
I'm an inline flexbox container!
Flex Direction
flex-row
Flex item 1
Flex item 2
Flex item 3
flex-row-reverse
Flex item 1
Flex item 2
Flex item 3
Justify Content
Flex item 1
Flex item 2
Flex item 3
Flex item 1
Flex item 2
Flex item 3
Flex item 1
Flex item 2
Flex item 3
Flex item 1
Flex item 2
Flex item 3
Flex item 1
Flex item 2
Flex item 3
Badges
Example heading New
Example heading New
Example heading New
Example heading New
Example heading New
Example heading New
Lists
List Group
- Cras justo odio
- Dapibus ac facilisis in
- Morbi leo risus
- Porta ac consectetur ac
- Vestibulum at eros
Active items
- Cras justo odio
- Dapibus ac facilisis in
- Morbi leo risus
- Porta ac consectetur ac
- Vestibulum at eros
Flush
- Cras justo odio
- Dapibus ac facilisis in
- Morbi leo risus
- Porta ac consectetur ac
- Vestibulum at eros
With Badges
-
Cras justo odio
14
-
Dapibus ac facilisis in
2
-
Morbi leo risus
1
Tables
# |
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 |
Modals
Live demo
Vertically centered
Forms