Default media
The default media displays a media object (images, video, audio) to the left or right of a content block.
Media heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In at tempus elit, quis pretium urna. Pellentesque maximus malesuada nulla.
Nested media heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In at tempus elit, quis pretium urna. Pellentesque maximus malesuada nulla.
Media heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In at tempus elit, quis pretium urna. Pellentesque maximus malesuada nulla.
Media heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In at tempus elit, quis pretium urna. Pellentesque maximus malesuada nulla.
Nested media heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In at tempus elit, quis pretium urna. Pellentesque maximus malesuada nulla.Nested media list
With a bit of extra markup, you can use media inside list (useful for comment threads or articles lists).
Media heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In at tempus elit, quis pretium urna. Pellentesque maximus malesuada nulla.
Nested media heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In at tempus elit, quis pretium urna. Pellentesque maximus malesuada nulla.
Nested media heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In at tempus elit, quis pretium urna. Pellentesque maximus malesuada nulla.Media heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In at tempus elit, quis pretium urna. Pellentesque maximus malesuada nulla.
Alignment media
The images or other media can be aligned top, middle, or bottom. The default is top aligned.
Top Aligned Media
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In at tempus elit, quis pretium urna. Pellentesque maximus malesuada nulla. Phasellus efficitur libero id lorem consequat, eu efficitur nisi faucibus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In at tempus elit, quis pretium urna. Pellentesque maximus malesuada nulla. Phasellus efficitur libero id lorem consequat, eu efficitur nisi faucibus. Phasellus efficitur libero id lorem consequat, eu efficitur nisi faucibus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In at tempus elit, quis pretium urna.
Middle Aligned Media
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In at tempus elit, quis pretium urna. Pellentesque maximus malesuada nulla. Phasellus efficitur libero id lorem consequat, eu efficitur nisi faucibus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In at tempus elit, quis pretium urna. Pellentesque maximus malesuada nulla. Phasellus efficitur libero id lorem consequat, eu efficitur nisi faucibus. Phasellus efficitur libero id lorem consequat, eu efficitur nisi faucibus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In at tempus elit, quis pretium urna.
Bottom Aligned Media
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In at tempus elit, quis pretium urna. Pellentesque maximus malesuada nulla. Phasellus efficitur libero id lorem consequat, eu efficitur nisi faucibus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In at tempus elit, quis pretium urna. Pellentesque maximus malesuada nulla. Phasellus efficitur libero id lorem consequat, eu efficitur nisi faucibus. Phasellus efficitur libero id lorem consequat, eu efficitur nisi faucibus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In at tempus elit, quis pretium urna.Media Object Sizes
Add another optional classes to change a media object’s size.
Generated Text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In at tempus elit, quis pretium urna. Pellentesque maximus malesuada nulla. Phasellus efficitur libero id lorem consequat, eu efficitur nisi faucibus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In at tempus elit, quis pretium urna. Pellentesque maximus malesuada nulla. Phasellus efficitur libero id lorem consequat, eu efficitur nisi faucibus
Generated Text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In at tempus elit, quis pretium urna. Pellentesque maximus malesuada nulla. Phasellus efficitur libero id lorem consequat, eu efficitur nisi faucibus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In at tempus elit, quis pretium urna. Pellentesque maximus malesuada nulla. Phasellus efficitur libero id lorem consequat, eu efficitur nisi faucibus
Generated Text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In at tempus elit, quis pretium urna. Pellentesque maximus malesuada nulla. Phasellus efficitur libero id lorem consequat, eu efficitur nisi faucibus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In at tempus elit, quis pretium urna. Pellentesque maximus malesuada nulla. Phasellus efficitur libero id lorem consequat, eu efficitur nisi faucibus
Media List Image With Button
A default media is used to float media object(images) to either to the left or right of the content block.