Bootstrap Css其他样式

 <div class="container">
        <img src="images/img.jpg" alt="" class="img-rounded">
        <img src="images/img.jpg" alt="" class="img-circle">
        <img src="images/img.jpg" alt="" class="img-thumbnail">
    </div>
    <!-- <div class="container">
        <img src="images/img2.webp" alt=""  class="img-responsive"> -->
    </div>
</body>
</html>

<!--
    .img-responsive：让图片变为响应式的图片，所谓响应式的图片就是指当图片所在的容器进行缩放时，图片会跟随缩放

    .img-rounded：使图片出现圆角效果
    .img-circle：使图片变为圆形
    .img-thumbnail：是图片有一个边框和内边距
 -->