Home
Tutorials
Microsoft Technologies Tutorials
Java Programming Tutorials
Web Designing Tutorials
Script Programming Tutorials
Database Programming Tutorials
Mobile Technologies Tutorials
Other Programming Tutorials
Examples
Articles
Tools
News
Bootstrap BlockQuotes with Footer Example
Keywords : typography, bootstrap, bootstrap typography, bootstrap footer blockquotes, text blockquotes footer, bootstrap text blockquotes example, bootstrap typography text blockquotes
Example
<!DOCTYPE html> <html lang="en"> <head> <title>Bootstrap BlockQuotes with Footer Example</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"> <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script> <style> .bcontent { margin-top: 10px; } </style> </head> <body> <div class="container bcontent"> <blockquote class="blockquote"> <p class="mb-0">One day a man said to another: bla bla bla bla bla! Really? Yeah!</p> <footer class="blockquote-footer">Famous <cite title="Source Title">Source Title</cite> </footer> </blockquote> </div> </body> </html>
Click Here to See Result
Result
Previous
Next