Create Right Side Position blockquote using Bootstrap blockquote-reverse class in HTML,PHP

How to use Bootstrap .blockquote-reverse class to make right side quote in page.

In this tutorial we are using Bootstrap .blockquote-reverse class this class will change the blockquote position. So here is the complete step by step tutorial for Create Right Side Position blockquote using Bootstrap blockquote-reverse class in HTML,PHP.

How to Create Right Side Position blockquote using Bootstrap blockquote-reverse class in HTML,PHP.

https://www.android-examples.com/demo/heading-tag.html
Code for blockquote-reverse.html file.

 <!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Blockquote-reverse</title>
<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

</head>

<body>

<div class="container">
<h1>Right Side Blockquote</h1>
 
 <blockquote class="blockquote-reverse">
 <p>Android-Examples.com is best website for Android Developers.</p>
 <footer>From Android-Examples.com</footer>
 </blockquote>
 
</div>

</body>
</html>

 

Screenshot:
Create Right Side Position blockquote using Bootstrap blockquote-reverse class in HTML,PHP

Leave a Reply

Your email address will not be published. Required fields are marked *