Add HTML paragraphs into Bootstrap thumbnails
With Bootstrap, you can easily add paragraphs to thumbnails.
You can try to run the following code to add HTML paragraphs −
Example
Live Demo
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap Example</title>
<link href = "/bootstrap/css/bootstrap.min.css" rel = "stylesheet">
<script src = "/scripts/jquery.min.js"></script>
<script src = "/bootstrap/js/bootstrap.min.js"></script>
</head>
<body>
<div class = "row">
<div class = "col-sm-6 col-md-3">
<div class = "thumbnail">
<img src = "https://www.tutorialspoint.com/sap_payroll/images/sap-payroll-mini-logo.jpg" alt = "SAP">
</div>
<div class = "caption">
<h3>Thumbnail label</h3>
<p>This is demo paragraph! This is demo paragraph! This is demo paragraph! This is demo paragraph! This is demo paragraph! This is demo paragraph!</p>
<p>This is demo paragraph! This is demo paragraph! This is demo paragraph! This is demo paragraph! This is demo paragraph!</p>
</div>
</div>
</div>
</body>
</html>
Published on 21-Jun-2018 11:47:05
