在 Bootstrap 中，图片是一个常见的元素，可以通过 Bootstrap 的类来轻松地控制图片的大小、形状和响应式表现。
响应式图片
Bootstrap 提供了 .img-responsive 类来使图片在不同大小的屏幕上呈现出良好的响应式效果。这个类会让图片自动适应其父元素的宽度，并保持原始比例。
<img src="example.jpg" class="img-responsive" alt="Responsive image">
图片形状
Bootstrap 也提供了一些类来控制图片的形状，如圆角、圆形和缩略图。
圆角图片
使用 .img-rounded 类可以让图片呈现出圆角的效果。
<img src="example.jpg" class="img-rounded" alt="Rounded image">
圆形图片
如果想要让图片呈现出圆形的效果，可以使用 .img-circle 类。
<img src="example.jpg" class="img-circle" alt="Circular image">
缩略图
使用 .img-thumbnail 类可以让图片呈现出缩略图的效果，带有一定的边框和阴影。
<img src="example.jpg" class="img-thumbnail" alt="Thumbnail image">
图片布局
Bootstrap 还提供了一些类来控制图片的布局，如居中、浮动和响应式缩放。
居中图片
使用 .center-block 类可以让图片在其父元素中水平居中显示。
<img src="example.jpg" class="center-block" alt="Centered image">
浮动图片
可以使用 .pull-left 或 .pull-right 类来让图片向左或向右浮动。
<img src="example.jpg" class="pull-left" alt="Left-floated image"> <img src="example.jpg" class="pull-right" alt="Right-floated image">
响应式缩放
如果想要让图片在不同大小的屏幕上自动缩放，可以使用 .img-responsive 类。
<img src="example.jpg" class="img-responsive" alt="Responsive image">
以上便是 Bootstrap 图片的相关内容，通过使用 Bootstrap 提供的类，可以轻松地控制图片的大小、形状和布局。