Run
<!doctype html> <html lang="en"> <head> <title>Bootstrap Media Object Component Alignment</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 Alignment</h2> <div class="media"> <div class="media-left media-top"> <a href="#"> <img src="/images/user-comment1.png" class="media-object"/> </a> </div> <div class="media-body"> <h4 class="media-heading">Top Aligned Media</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. Thank you for your response. You don't need to add any extra CSS to align the media objects. You can align media object to the middle, center or top position. Put your media object to the left or right position with just the addition few classes of bootstrap. </div> </div> <div class="media"> <div class="media-left media-middle"> <a href="#"> <img src="/images/user-comment1.png" class="media-object"/> </a> </div> <div class="media-body"> <h4 class="media-heading">Middle Aligned Media</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. Thank you for your response. You don't need to add any extra CSS to align the media objects. You can align media object to the middle, center or top position. Put your media object to the left or right position with just the addition few classes of bootstrap. </div> </div> <div class="media"> <div class="media-left media-bottom"> <a href="#"> <img src="/images/user-comment1.png" class="media-object"/> </a> </div> <div class="media-body"> <h4 class="media-heading">Bottom Aligned Media</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. Thank you for your response. You don't need to add any extra CSS to align the media objects. You can align media object to the middle, center or top position. Put your media object to the left or right position with just the addition few classes of bootstrap. </div> </div> </div> </body> </html>
Go to
Tutorialdeep Homepage