Blockquotes

Blockquotes allow you to highlight quotes and other important parts of your content while also providing attribution.

Use <blockquote> for quoting blocks of content from another source within your document.

<blockquote class="font-size-lg">
  <p>
    Success is not defined by the ability to have no complaints, it is defined by the ability to deal with them.
  </p>
  <footer class="text-gray-500">
    Mikkel Svane in <cite title="Source Title">Startupland</cite>
  </footer>
</blockquote>

Customization

Variable Description
$padding-blockquote The padding applied to the <blockquote> element.
$margin-blockquote The margin applied to the <blockquote> element.
$color-blockquote The color of the <blockquote> element.
$bg-color-blockquote The background color of the <blockquote> element.
$border-color-blockquote The border color of the <blockquote> element.
$border-width-blockquote The border width of the <blockquote> element.

Questions or feedback about this article? Let us know