Blockquotes

v3.x

Blockquotes are brief, impactful textual excerpts.

BBootstrap 3.x | Blockquotes


Example | And when this happens...
Example | Rev. Dr. Martin Luther King, Jr.
Example | I Have a Dream

And when this happens, when we allow freedom to ring, when we let it ring from every village and every hamlet, from every state and every city, we will be able to speed up that day when all of God's children, black men and white men, Jews and Gentiles, Protestants and Catholics, will be able to join hands and sing in the words of the old Negro spiritual: “Free at last! Free at last! Thank God Almighty, we are free at last!”


<blockquote>
	<p>And when this happens, when we allow freedom to ring, when we let it ring from every village and every hamlet, from every state and every city, we will be able to speed up that day when all of God's children, black men and white men, Jews and Gentiles, Protestants and Catholics, will be able to join hands and sing in the words of the old Negro spiritual: “Free at last! Free at last! thank God Almighty, we are free at last!”</p>
	<footer>
		Rev. Martin Luther King, Jr.
		<cite title="I have a Dream">
			<a href="http://www.americanrhetoric.com/speeches/mlkihaveadream.html">"I Have a Dream"</a>
		</cite>
	</footer>
</blockquote>

Custom CSS

Custom CSS may be required to de-italicize the <cite> element, and for adding links to the <cite> element in order to keep the <a> element the same size as the <cite> element (its containing element).

View all custom Bootstrapr.io CSS
/* Maintain the same size for the anchor element (link) as the cite element */
cite a {
   font-size: inherit;
}

/* De-italicize the cite element */
.no-italics {
   font-style: normal;
}