Show Output
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Example of Bootstrap 3 Thumbnails</title> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <style type="text/css"> .bs-example{ margin: 20px; } </style> </head> <body> <div class="bs-example"> <div class="container"> <div class="row"> <div class="col-xs-6"> <div class="thumbnail"> <img src="/examples/images/avatar.jpg" alt="Sample Image"> <div class="caption"> <h3>Thumbnail label</h3> <p>Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula. Cras justo odio, dapibus ac facilisis in quam.</p> <p><a href="#" class="btn btn-primary">Share</a> <a href="#" class="btn btn-default">Download</a></p> </div> </div> </div> <div class="col-xs-6"> <div class="thumbnail"> <img src="/examples/images/avatar.jpg" alt="Sample Image"> <div class="caption"> <h3>Thumbnail label</h3> <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula.</p> <p><a href="#" class="btn btn-primary">Share</a> <a href="#" class="btn btn-default">Download</a></p> </div> </div> </div> </div> </div> </div> </body> </html>
