Blockquotes

For quoting blocks of content from another source within your document.

Default blockquote

Wrap <blockquote> around any HTML as the quote. For straight quotes, we recommend a <p>.

<blockquote>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
</blockquote>

Blockquote options

Style and content changes for simple variations on a standard <blockquote>.

Naming a source

Add a <footer> for identifying the source. Wrap the name of the source work in <cite>.

<!DOCTYPE html>
<html>
<head>
<title>Bootstrap Tutorial</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<body>
	<blockquote>
		Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
		<footer>
			Someone famous in <cite title="Source Title">Source Title</cite>
		</footer>
	</blockquote>
</body>
</html>

Output

Untitled

Share

You may also like...