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