Bootstrap class: .blockquote
<blockquote class="blockquote">
<p class="mb-0">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</p>
</blockquote>Preview
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Check .blockquote 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.
Tips 💡
You don't need to remember all CSS classes. Just use the Bootstrap Editor instead.
Sass source
/* _type.scss:112 */
.blockquote {
margin-bottom: $spacer;
font-size: $blockquote-font-size;
}Uses variables
Code copied to the clipboard.
Copying failed
/* _type.scss:112 */
$spacer
$blockquote-font-sizeMore in Bootstrap Typography
- display-# (1-4)
- blockquote-footer
- blockquote-reverse
- list-inline
- list-unstyled
- dl-horizontal
- lead
- display-1
- display-2
- display-3
- display-4
- display-5
- display-6
- font-monospace
- fs-1
- fs-2
- fs-3
- fs-4
- fs-5
- fs-6
- fs-lg-1
- fs-md-1
- fs-sm-1
- fs-4
- fst-italic
- fst-normal
- fw-bolder
- fw-normal
- fw-light
- fw-lighter
- h1
- h2
- h3
- h4
- h5
- h6
- lh-1
- lh-base
- lh-lg
- lh-sm
- text-break
- text-center
- text-decoration-line-through
- text-decoration-underline
- text-start
- text-end
- text-lg-center
- text-lg-start
- text-lg-end
- text-md-center
- text-md-start
- text-md-end
- text-reset
- text-xl-start
- text-xl-end
- text-sm-center
- text-sm-start
- text-sm-end
- text-wrap
- text-xl-start
- text-xl-end
- text-xl-center
- text-xl-start
- text-xl-end
- text-xxl-center
- text-xxl-start
- text-xxl-end
