Media CSS

help

Images

Responsive Image

To make images resize responsively to page width, you can add the class responsive-img to your image tag.

nature responsive image

Circular image

To make images appear circular, simply add class="circle" to them

This is a square image. Add the "circle" class to it to make it appear circular.

Center Image

To make images center to page width, you can add the class center-block to your image tag.

nature center  image

Videos

Responsive Embeds

To make your embeds responsive, merely wrap them with a containing div which has the class video-container.

Responsive Videos

To make your HTML5 Videos responsive just add the class responsive-video to the video tag.