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"> <div class="media"> <div class="media-left"> <a href="#"> <img class="media-object" src="/pix/samples/9s.jpg" alt="Photo of bird in the Philippines"> </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> <div class="media-right"> <a href="#"> <img class="media-object" src="/pix/samples/10s.jpg" alt="Photo of Pukeko in New Zealand"> </a> </div> </div> </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>