Bootstrap Example-Nine (Bootstrap Typography)
Bootstrap Example-Nine (Bootstrap Typography)-The <blockquote> element
Write the code on your index.html : |
<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Example</title>
<meta
charset="utf-8">
<meta
name="viewport" content="width=device-width,
initial-scale=1">
<link
rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script
src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<h1>Blockquotes</h1>
<p>The
blockquote element is used to present content from another source:</p>
<blockquote>
<p>For
50 years, WWF has been protecting the future of nature. The world's leading
conservation organization, WWF works in 100 countries and is supported by 1.2
million members in the United States and close to 5 million
globally.</p>
<footer>From WWF's website</footer>
</blockquote>
</div>
</body>
</html>
|
You will get the Result: |
BlockquotesThe blockquote element is used to present content from another source:For 50 years, WWF has been protecting the future of nature. The world's leading conservation organization, WWF works in 100 countries and is supported by 1.2 million members in the United States and close to 5 million globally. |
Source:http://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_txt_blockquote&stacked=h |
No comments:
Post a Comment