You should not add 'Height' or 'Width' dimensions when adding an image. 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 to fit the page instead of bleeding out of the content area.
|
Size your images appropriately before you upload them. Resizing the height and width of an image afterward does not adjust the file size, and you could accidentally add to loading times. |
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.
