Create Left Side Position blockquote using Bootstrap classes in HTML,PHP

How to make awesome quote text with footer inside HTML,PHP page with bootstrap.

In this tutorial we are creating left side blockquote with the use of blockquote tag including bootstrap classes. Blockquote is used to show quote or some type of extract text from page which developer wants to show its user with author information. So here is the complete step by step tutorial for Create Left Side Position blockquote using Bootstrap classes in HTML,PHP.

https://www.android-examples.com/demo/heading-tag.html

How to Create Left Side Position blockquote using Bootstrap classes in HTML,PHP.

Code for blockquote-tag.html file.

 <!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>blockquote tag</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>Blockquote Tag</h1>
 
 <blockquote>
 <p>Android-Examples.com is best website for Android Developers.</p>
 <footer>From Android-Examples.com</footer>
 </blockquote>
 
</div>
</body>
</html>

Screenshot:

Create Left Side Position blockquote using Bootstrap classes in HTML,PHP

Leave a Reply

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