Run
<!doctype html> <html lang="en"> <head> <title>Bootstrap Media Object Component Nested</title> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" crossorigin="anonymous"> <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" crossorigin="anonymous"></script> </head> <body> <div class="container"> <h2>Bootstrap Media Object Component Nested</h2> <div class="media"> <div class="media-left"> <a href="#"> <img src="/images/user-comment1.png" class="media-object"/> </a> </div> <div class="media-body"> <h4 class="media-heading">Billi Bravo</h4> Creating a Bootstrap media component for any website is the useful component to create a discussion forum comments. It's the easiest and the quickest way of creating comments for my blog. <!-- first level nested media --> <div class="media"> <div class="media-left"> <a href="#"> <img src="/images/user-comment1.png" class="media-object"/> </a> </div> <div class="media-body"> <h4 class="media-heading">Billi Bravo</h4> Creating a Bootstrap media component for any website is a useful component to create a discussion forum comments. It's the easiest and the quickest way of creating comments for my blog. <!-- second level nested media --> <div class="media"> <div class="media-left"> <a href="#"> <img src="/images/user-comment1.png" class="media-object"/> </a> </div> <div class="media-body"> <h4 class="media-heading">Billi Bravo</h4> Creating a Bootstrap media component for any website is the useful component to create a discussion forum comments. It's the easiest and the quickest way of creating comments for my blog. </div> </div> </div> </div> </div> </div> <div class="media"> <div class="media-left"> <a href="#"> <img src="/images/user-comment1.png" class="media-object" alt="Bootstrap Media Object"/> </a> </div> <div class="media-body"> <h4 class="media-heading">Billi Bravo</h4> Creating a Bootstrap media component for any website is the useful component to create a discussion forum comments. It's the easiest and the quickest way of creating comments for my blog. </div> </div> </div> </body> </html>
Go to
Tutorialdeep Homepage