Bootstrap Media Object

This tutorial about another important component of Bootstrap Media Object. There are Abstract object styles for building various types of components (like blog comments, Tweets, etc) that feature a left- or right-aligned image alongside textual content. There are two types of media objects.


This class .media allows floating a media objects like images, video, and audio to the left or right of a content block. As you see an example below of default media object:

Media List

If the content will be part of an unordered list and you are getting ready a list the use this class .meida-list. This class is useful for articles lists and comments threads. As you see an example below of media list:

Leave a Reply

Your email address will not be published. Required fields are marked *