Default Headings

h1. Bookra Heading

Semibold 36px

h2. Bookra Heading

Semibold 30px

h3. Bookra Heading

Semibold 24px

h4. Bookra Heading

Semibold 18px
h5. Bookra Heading
Semibold 14px
h6. Bookra Heading
Semibold 12px

Headings with Secondary text

h1. Bookra Heading Secondary text

h2. Bookra Heading Secondary text

h3. Bookra Heading Secondary text

h4. Bookra Heading Secondary text

h5. Bookra Heading Secondary text
h6. Bookra Heading Secondary text

Blockquotes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.


Blockquote options

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous in Source Title

Alternate displays

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous in Source Title

Dropcaps And Highlights

Qorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus This is Hilighted text amet neque posuere aliquet. In interdum nisl sapien, vel dignissim nulla porta at. Sed ivamus sit amet odio pellentesque odio faucibus tristique. Morbi facilisis, ligula a faucibus pellentesque, orci justo consequat massa, sit amet dapibus dolor diam viverra mi. orem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus This is Hilighted text amet neque posuere aliquet. In interdum nisl sapien, vel dignissim nulla porta at. Sed ivamus sit amet odio pellentesque odio faucibus tristique. Morbi facilisis, ligula a faucibus pellentesque, orci justo consequat massa, sit amet dapibus dolor diam viverra mi.

Qorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus This is Hilighted text amet neque posuere aliquet. In interdum nisl sapien, vel dignissim nulla porta at. Sed ivamus sit amet odio pellentesque odio faucibus tristique. Morbi facilisis, ligula a faucibus pellentesque, orci justo consequat massa, sit amet dapibus dolor diam viverra mi. orem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus This is Hilighted text amet neque posuere aliquet. In interdum nisl sapien, vel dignissim nulla porta at. Sed ivamus sit amet odio pellentesque odio faucibus tristique. Morbi facilisis, ligula a faucibus pellentesque, orci justo consequat massa, sit amet dapibus dolor diam viverra mi.


Lists

Unordered

  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
  • Nulla volutpat aliquam velit
    • Phasellus iaculis neque
    • Ac tristique libero volutpat
      • Lorem ipsum dolor sit amet
      • Consectetur adipiscing elit
      • Integer molestie lorem at massa
      • Facilisis in pretium nisl aliquet
    • Vestibulum laoreet porttitor sem
    • Ac tristique libero volutpat at
  • Faucibus porta lacus fringilla vel
  • Aenean sit amet erat nunc
  • Eget porttitor lorem

Ordered

  1. Lorem ipsum dolor sit amet
  2. Consectetur adipiscing elit
  3. Integer molestie lorem at massa
  4. Facilisis in pretium nisl aliquet
  5. Nulla volutpat aliquam velit

Inline

  • Lorem ipsum
  • Phasellus iaculis
  • Nulla volutpat

Tables

Basic Table

Optional table caption.
# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Striped rows

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

Bordered table

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

Hover rows

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

Contextual classes

# 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
8 Column content Column content Column content
9 Column content Column content Column content

Responsive tables

Create responsive tables by wrapping any .table in .table-responsive to make them scroll horizontally on small devices (under 768px). When viewing on anything larger than 768px wide, you will not see any difference in these tables.

# Table heading Table heading Table heading Table heading Table heading Table heading
1 Table cell Table cell Table cell Table cell Table cell Table cell
2 Table cell Table cell Table cell Table cell Table cell Table cell
3 Table cell Table cell Table cell Table cell Table cell Table cell