Any images added to article content should not have height or width values assigned to them. This may cause unusual rendering. All image tags (
<img /> ) have been restricted in CSS to have a
max-width no greater than the element that contains them. As the browser or viewport size decreases, images will resize the image to fit the page instead of bleeding out of the content area.
To avoid height and width attributes in the
Content Management application, ensure that the 'Height' and 'Width' fields are empty when adding images to articles through the ckeditor.
It is possible to style your images to have rounded corners, a circular effect or a Polaroid thumbnail style. For more information about Bootstrap’s image shape classes, refer to
http://getbootstrap.com/css/#images-shapes.