Blockquotes

Bootstrap removed most of the default styling with blockquotes when they updated to version 4. We didn't modify the default style of blockquotes, so by default they will appear as Bootstrap intended. We have included an additional element that will probably often be used with block quotes, but could also be used in other ways.

Default Blockquote

“The default style of block quotes really just makes an adjustment to font-sizing as well as the footer text.”

This is the footer

Icon Bar

Rather than wildly override default blockquote styling, something that could easily also be done with BS4 utility classes, we have an optional addition.

The additional quote bar on the top and bottom highlight the quote clearly as a quotation and help the quote stand out more than the default styling.

Author Name
Title

Icon Bar Options

Any icon glyph, image or even text can be placed in the icon bar. Spacing and such will be handled automatically and it should function in a responsive manner.

Utah State University