Jump to:

Typography

Predefined styles for the content block (CKEditor)

 

Headings

First set a heading. Then use the "Styles" drop down menu to choose a style. You can choose from the following heading-styles:
 

line right

line left

line both

 

Adding Buttons

You can transform any link you set inside the editor into a button. Simply create a link and select it and choose a button with the "Styles" dropdown menu.
Some examples are:

My Button Button Primary

My Button Button Secondary

My Button Button Accent

My Button Button Success

My Button Button Info

My Button Button Outline-Primary

My Button Button Outline-Secondary

My Button Button Outline-Accent

My Button Button Outline-Success

My Button Button Outline-Info

There are a lot of button variants to choose from.

Headings:

heading 1

heading 2

heading 3

heading 4

heading 5
heading 6

Display headings:

Display 1

Display 2

Display 3

Display 4

Display 5

Display 6

Lead:

This is a lead paragraph. It stands out from regular paragraphs.

Inline text elements:

This line of text will render as underlined.

This line rendered as bold text.

This line rendered as italicized text.

lists:

  • This is a list.
  • It appears as a standard list
  • This is a list item
  • Nested lists:
    • are unaffected by this style
    • will still show a bullet
    • and have appropriate left margin
  • This may still come in handy in some situations.

unstyled lists:

  • This is a list.
  • It appears completely unstyled.
  • Structurally, it's still a list.
  • However, this style only applies to immediate child elements.
  • Nested lists:
    • are unaffected by this style
    • will still show a bullet
    • and have appropriate left margin
  • This may still come in handy in some situations.

Colors:

.text-primary

.text-secondary

.text-success

.text-danger

.text-warning

.text-info

.text-light

.text-dark

.text-black

.text-black-50

.text-white-50

More elements

Buttons:

Outline Buttons:

Button sizes:

Alerts: