headings

All HTML headings, <h1> through <h6>, are available.

h1 heading

h2 heading

h3 heading

h4 heading

h5 heading
h6 heading

Text Color

You can Give text color by using txt-* class

Alignment

Use text utilities as needed to change the alignment of your blockquote.

This is a left aligned text .text-start

This is a center aligned text .text-center

This is a right aligned text .text-end

Naming a source

Add a <footer className="blockquote-footer"> for identifying the source. Wrap the name of the source work in <cite>.

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

lists

Styling for common inline HTML5 elements.
Unorder list
  • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit amet
order list
  1. Lorem ipsum dolor sit amet
  2. Lorem ipsum dolor sit amet
  3. Lorem ipsum dolor sit amet
  4. Lorem ipsum dolor sit amet
  5. Lorem ipsum dolor sit amet
order list
Lorem ipsum dolor sit amet
- ipsum dolor sit amet
Lorem ipsum dolor sit amet
- ipsum dolor sit amet
Lorem ipsum dolor sit amet
- ipsum dolor sit amet
order list
  • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit amet

buttons

Styling for common inline HTML5 elements.

Text Color

You can Give text color by using txt-* class

This is Primary text You can archive this adding.text-primary class

This is Secondary text You can archive this adding .text-secondaryclass

This is Success text You can archive this adding.text-success class

This is Info text You can archive this adding .text-info class

This is Warning text You can archive this adding.text-warning class

This is Danger text You can archive this adding .text-dangerclass

This is Dark text You can archive this adding .text-dark class

This is Primary text You can archive this adding .text-mutedclass

Form

Inline text elements

Styling for common inline HTML5 elements.

You can use the mark tag tohighlighttext.

This line of text is meant to be treated as deleted text.

This line of text is meant to be treated as no longer accurate.

This line of text is meant to be treated as an addition to the document.

This line of text will render as underlined

This line of text is meant to be treated as fine print.

This line rendered as bold text.

This line rendered as italicized text.

lists

Styling for common inline HTML5 elements.

social icons