← all Bootstrap classes list

Bootstrap class: .blockquote-footer

<blockquote class="blockquote">
  <p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
  <footer class="blockquote-footer">Someone famous in
    <cite title="Source Title">Source Title</cite>
  </footer>
</blockquote>

Preview

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Someone famous in Source Title

Check .blockquote-footer in a real project

Click one of the examples listed below to open the Shuffle Visual Editor with the UI library that uses the selected component.

Open in Visual Editor →
Open in Visual Editor →

Tips 💡

You don't need to remember all CSS classes. Just use the Bootstrap Editor instead.

Sass source

/* _type.scss:117 */
.blockquote-footer {
  display: block;
  font-size: 80%; // back to default font-size
  color: $blockquote-small-color;

  &::before {
    content: "\2014 \00A0"; // em dash, nbsp
  }
}

Uses variables

Code copied to the clipboard.

Copying failed

/* _type.scss:117 */
$blockquote-small-color

More in Bootstrap Typography

Bootstrap 4 & 5

Stuck on where to begin? Try Shuffle AI