Bootstrap 提供了一种简单而优雅的方式来显示图片的缩略图，使得图片在网页上更加美观和易于浏览。缩略图通常用于显示产品图片、用户头像等。
创建一个基本的缩略图
要创建一个基本的缩略图，只需在 img 元素的外部包裹一个 thumbnail 类即可。以下是一个示例代码：
---- ------------------ ---- --------------- ------------ ------
在上面的示例中，我们创建了一个简单的缩略图，图片路径为 image.jpg，并且添加了一个 alt 属性用于图片的描述。
缩略图的尺寸
Bootstrap 还提供了一些类来控制缩略图的尺寸，可以通过添加 img-thumbnail 类来调整缩略图的大小。以下是一个示例代码：
---- ------------------ ---- --------------- ----------- ---------------------- ------
在上面的示例中，我们给 img 元素添加了 img-thumbnail 类，使得缩略图显示为一个小尺寸的图片。
带标题和描述的缩略图
如果需要在缩略图中添加标题和描述，可以在 thumbnail 元素内部添加 caption 类。以下是一个示例代码：
---- ------------------
---- --------------- ------------
---- ----------------
-----------
---------
------
------在上面的示例中，我们在缩略图内部添加了一个 caption 元素，并在其中包含了标题和描述内容。
通过以上介绍，你已经学会了如何在 Bootstrap 中创建和定制缩略图。在实际项目中，可以根据需要灵活运用这些技巧来展示图片内容。