Typography

h1. Bootstrap 3

h2. Heading 2

h3. Heading 3

h4. Heading 4

h5. Heading 5
h6. Heading 6

Bootstrap Framework

Aenean ut tristique risus, vitae suscipit erat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse potenti.

Vivamus mauris risus, laoreet et ligula sed, efficitur eleifend tellus. In commodo, augue sit amet congue sagittis, urna risus vestibulum ex, eu suscipit arcu purus ac purus.


Sed non dolor hendrerit, bibendum lacus nec, sodales tellus. Proin at finibus nibh. Sed vulputate posuere nisi a lacinia. Quisque imperdiet velit eget rutrum varius.

Lorem ipsum dolor sit amet

Grid

col-lg-12

col-lg-4

col-lg-4

col-lg-4

col-lg-6

col-lg-6

col-lg-9 / col-sm-6
col-lg-3 / col-sm-6

Buttons

Forms

Form Vertical

Example block-level help text here.

Form Horizontal

Example block-level help text here.

Form Inline

$
.00

Form Controls

Textarea

Checkboxes / Radios

Help Blocks / Feedbacks

A block of help text that breaks onto a new line and may extend beyond one line.
A block of help text that breaks onto a new line and may extend beyond one line.
A block of help text that breaks onto a new line and may extend beyond one line.
A block of help text that breaks onto a new line and may extend beyond one line.
(default)
(success)
(warning)
(error)
@
(success)

Control Sizing

Input Groups

@
@example.com
$ .00
https://example.com/users/
@
@
@
@
@
@
@

Tables

# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
# First Name Last Name Username
1 Mark Otto @mdo
Mark Otto @TwBootstrap
2 Jacob Thornton @fat
3 Larry the Bird @twitter
# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
# 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
Filename Id Size Creation Actions
abc 1 123 KB Sun Mar 19 19:53:24 2017
abc 2 123 KB Sun Mar 19 19:53:24 2017
abc 3 123 KB Sun Mar 19 19:53:24 2017
abc 4 123 KB Sun Mar 19 19:53:24 2017
abc 5 123 KB Sun Mar 19 19:53:24 2017
abc 6 123 KB Sun Mar 19 19:53:24 2017

Alerts

Panels

Panel heading
Hello. This is the Panel content.
Panel primary
Panels are new in BS3.
Panel success
You can use contextual classes.
Panel info
You can use contextual classes.
Panel warning
You can use contextual classes.
Panel danger
You can use contextual classes.
Panel heading

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.

# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
Panel heading

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.

  • Cras justo odio
  • Dapibus ac facilisis in
  • Morbi leo risus
  • Porta ac consectetur ac
  • Vestibulum at eros

List Groups

  • Cras justo odio
  • Dapibus ac facilisis in
  • Morbi leo risus
  • Porta ac consectetur ac
  • Vestibulum at eros
Cras justo odio Dapibus ac facilisis in Morbi leo risus
  • 14 Cras justo odio
  • 2 Dapibus ac facilisis in
  • 1 Morbi leo risus

Wells

An awesome title for an awesome box

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tempus sapien erat, et molestie magna tristique non. Sed tincidunt eu augue tempor consectetur. Nullam iaculis, nibh mollis vulputate elementum, neque est iaculis nisi, et gravida turpis erat non dui. Nunc eget tortor et enim interdum euismod sed eget purus. Integer in metus ultrices, ultricies lacus in, fermentum nisi. Cras sed neque id dui fermentum faucibus. Mauris mollis arcu justo, eget convallis massa volutpat ac.