Responsive images are fairly easy to control, both in and out of Bootstrap.
Generally, the problem will be that we need to make sure an image doesn’t expand past the size of its containing element if it is going to potentially be scaled down. This can be done in CSS with max-width: 100%
Bootstrap gives that to us with the class, .img-responsive.
<img src="..." class="img-responsive" alt="Responsive image">
Additionally, we can put some basic shapes with our images. To allow for borders, rounded corners, and even making it a circle.
<img src="..." alt="image with rounded (slightly) corners" class="img-rounded"> <img src="..." alt="image as a circle" class="img-circle"> <img src="..." alt="image with a border and padding" class="img-thumbnail">