Its easy, Panicfree and more loving.

Headings

h1. Source Sans Pro 36pt

h2. Source Sans Pro 30pt

h3. Source Sans Pro 24pt

h4. Source Sans Pro 21pt

h5. Source Sans Pro 18pt

h6. Source Sans Pro 14pt

h1. Source Sans Pro 36pt 
h2. Source Sans Pro 30pt
h3. Source Sans Pro 24pt
h4. Source Sans Pro 21pt
h5. Source Sans Pro 18pt
h6. Source Sans Pro 14pt

Secondary Text

h1. Source Sans Pro Secondary text

h2. Source Sans Pro Secondary text

h3. Source Sans Pro Secondary text

h4. Source Sans Pro Secondary text

h5. Source Sans Pro Secondary text

h6. Source Sans Pro Secondary text

h1. Source Sans Pro Secondary text
h2. Source Sans Pro Secondary text
h3. Source Sans Pro Secondary text
h4. Source Sans Pro Secondary text
h5. Source Sans Pro Secondary text
h6. Source Sans Pro Secondary text

Addresses

Panic, Inc.

658 Glamui, Popodum A236
Dhaka, Bangladesh

(+880) 123-7890

your@mail.com


  Panic, Inc.
  
     658 Glamui, Popodum A236

     Dhaka, Bangladesh  
  
  (+880) 123-7890
  your@mail.com

Blockquotes

Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro.

Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro.

Someone famous in Source Title


  Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro.



  Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro.
  Someone famous in Source Title



  Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro.
  Someone famous in Source Title

Contextual text

Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.

...
...
...
...
...
...
...
...
...

Contextual text dark/light

Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.

...
...
...
...
...

Contextual background

Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.

...
...
...
...
...
...
...
...
...
...

Contextual background dark/light

Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.

...
...
...
...
...

Color Plate

Text plate

.text-white

.text-dker

.text-dk

.text

.text-lt

text-lter

.text-light

.text-dker

.text-dk

.text

.text-lt

text-lter

.text-dark

.text-dker

.text-dk

.text

.text-lt

text-lter

.text-black

.text-dker

.text-dk

.text

.text-lt

text-lter

.text-primary

.text-dker

.text-dk

.text

.text-lt

text-lter

.text-info

.text-dker

.text-dk

..text

.text-lt

text-lter

.text-success

.text-dker

.text-dk

.text

.text-lt

text-lter

.text-warning

.text-dker

.text-dk

.text

.text-lt

text-lter

.text-danger

.text-dker

.text-dk

.text

.text-lt

text-lter

Background plate

.bg-white

.dker

.dk

.bg

.lt

.lter

.bg-light

.dker

.dk

.bg

.lt

.lter

.bg-dark

.dker

.dk

.bg

.lt

.lter

.bg-black

.dker

.dk

.bg

.lt

.lter

.bg-primary

.dker

.dk

.bg

.lt

.lter

.bg-info

.dker

.dk

.bg

.lt

.lter

.bg-success

.dker

.dk

.bg

.lt

.lter

.bg-warning

.dker

.dk

.bg

.lt

.lter

.bg-danger

.dker

.dk

.bg

.lt

.lter

Colors

Just change .btn-@brand for different branding.

default

Default
White
Light
Dark
Black
Primary
Info
Success
Warning
Danger

Sizes

Use .btn-xs , .btn-sm , .btn-lg

.btn-xs

.btn-sm

.btn-lg

Default
Default
Default

Single button dropdowns


  
  
    Action
    Another action
    Something else here
    
    Separated link

Split button dropdowns


  
  
  
    Action
    Another action
    Something else here
    
    Separated link

Dropup

Just add .dropup to the parent.

.btn



  
  
    Action
    Another action
    Something else here
    
    Separated link
  





  
  
    Action
    Another action
    Something else here
    
    Separated link
  





  
  
  
    Action
    Another action
    Something else here
    
    Separated link
  





  
  
  
    Action
    Another action
    Something else here
    
    Separated link

Normal alerts

White! Better check yourself, you're not looking too good. Click here

Light! Better check yourself, you're not looking too good. Click here

Dark! Better check yourself, you're not looking too good. Click here

Black! Better check yourself, you're not looking too good. Click here

Primary! Better check yourself, you're not looking too good. Click here

Info! Better check yourself, you're not looking too good. Click here

Success! Better check yourself, you're not looking too good. Click here

Warning! Better check yourself, you're not looking too good. Click here

Danger! Better check yourself, you're not looking too good. Click here



  Danger! Better check yourself, you're not looking too good.
  Click here

Dismissible alerts