Bootstrap Example-Ten (Bootstrap Typography)-Reversed blockquote
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>To
show the quote on the right use the class .blockquote-reverse:</p>
<blockquote
class="blockquote-reverse">
<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: |
 |
|
Source: http://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_txt_blockquote2&stacked=h |
No comments:
Post a Comment