Search within TutorialsPark

Twitter Bootstrap Media Objects


To Built components like tweets, blog comments etc


Twitter Bootstrap: Media Objects

1. A default media is used to float media object(images, video, audio) to either to the left or right of the content block.

2. The media element is created using the class .media and the source is specified in the using the class .media-object used within the element <img> .

3. Additionally, a heading can be added the media object by using the class .media-heading.

Example: Twitter Bootstrap Media Objects

Give it a TRY! »

Twitter Bootstrap: Nested Media Objects

1. Media list is used for comment threads or article list in a blog or website, it is created using class .media-list to encapsulate the media list.

2. The media element is contained within the element with class .media and the source is specified in the using the class .media-object used within the element <img> .

Example:Twitter Bootstrap Nested Media Objects

Give it a TRY! »