Toggle navigation
☰
Home
HTML
CSS
Scripting
Database
<!DOCTYPE html> <title>My Example</title> <!-- Bootstrap CSS --> <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> <div class="container-fluid"> <ul class="media-list"> <li class="media"> <div class="media-left"> <a href="#"> <img class="media-object" src="/pix/samples/9s.jpg" alt="Photo of Pukeko in New Zealand"> </a> </div> <div class="media-body"> <h4 class="media-heading">Media Object</h4> <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p> <!-- Start Nested Media Object --> <div class="media"> <div class="media-left"> <a href="#"> <img class="media-object" src="/pix/samples/10s.jpg" alt="Photo of bird in the Philippines"> </a> </div> <div class="media-body"> <h4 class="media-heading">Nested Media Object</h4> <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p> </div> </div> <!-- End Nested Media Object --> </div> </li> <li class="media"> <div class="media-left"> <a href="#"> <img class="media-object" src="/pix/samples/11s.jpg" alt="Photo of sunset in Laos"> </a> </div> <div class="media-body"> <h4 class="media-heading">Media Object</h4> <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p> </div> </li> </ul> </div> <!-- jQuery library --> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <!-- Bootstrap JS --> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> <!-- Initialize Bootstrap functionality --> <script> // Initialize tooltip component $(function () { $('[data-toggle="tooltip"]').tooltip() }) // Initialize popover component $(function () { $('[data-toggle="popover"]').popover() }) </script>