Bootstrap - Images

Media objects are a way to add components that feature both textual content and an image or other media (video and audio) aligned to the right or left of the text.

Listing 10.2 - A Media Object with an Image on Both Sides

This is a media object!

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Listing 10.3 A Simple Media List

• 

  My Media List Headline

  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis ac mattis mauris. Donec blandit, augue in convallis hendrerit, arcu orci scelerisque neque, luctus gravida magna odio at massa. Sed lacinia fermentum velit vel pretium. In sit amet metus vitae libero iaculis maximus. In felis eros, rutrum sed rhoncus eu, tristique vitae diam. Phasellus condimentum ex ac erat imperdiet pretium.

• 

  My Media List Headline #2

  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis ac mattis mauris. Donec blandit, augue in convallis hendrerit, arcu orci scelerisque neque, luctus gravida magna odio at massa. Sed lacinia fermentum velit vel pretium. In sit amet metus vitae libero iaculis maximus. In felis eros, rutrum sed rhoncus eu, tristique vitae diam. Phasellus condimentum ex ac erat imperdiet pretium.

• 

  My Media List Headline #3

  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis ac mattis mauris. Donec blandit, augue in convallis hendrerit, arcu orci scelerisque neque, luctus gravida magna odio at massa. Sed lacinia fermentum velit vel pretium. In sit amet metus vitae libero iaculis maximus. In felis eros, rutrum sed rhoncus eu, tristique vitae diam. Phasellus condimentum ex ac erat imperdiet pretium.