Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
Selected Reading
Add a caption text inside a thumbnail class
To add a caption text in a thumbnail class, use the .caption class with the .thumbnail class in Bootstrap.
The .thumbnail class is used to add thumbnail to an image −
Example
<!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 = "container"> <div class = "row"> <div class = "col-md-4"> <div class = "thumbnail"> <a href = "https://www.tutorialspoint.com/python/images/python-data-science-mini-logo.jpg" target = "_blank"> <img src = "https://www.tutorialspoint.com/python/images/python-data-science-mini-logo.jpg" alt = "Lights" style = "width:100%"> <div class="caption"> <p>Data science is the process of deriving knowledge and insights from a huge and diverse set of data through organizing, processing and analysing the data. </p> </div> </a> </div> </div> </div> </div> </body> </html>
Updated on: 2020-06-12T21:08:44+05:30
441 Views
Advertisements