is now part of Shuffle™. You can use the editor on this domain, but we encourage you to try Shuffle →. Shuffle™ includes templates for Bootstrap, Bulma, Material-UI, and Tailwind CSS.
Switch to Shuffle →
← 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

Tips 💡

You don't need to remember all these classes. Just use a bootstrap builder 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

Create Bootstrap 5 templates
in minutes 🚀

Featured by
Bootstrap Shuffle - Bootstrap builder for busy developers | Product Hunt Embed

"The most popular Bootstrap builder.
1,000+ supporters!"

"I wish I knew about it when
I started my last project."