Bootstrap -- 缩略图、进度条、列表组、面板
1. 缩略图
大多数站点都需要在网格中布局图像、视频、文本等。Bootstrap 通过缩略图为此提供了一种简便的方式。使用 Bootstrap 创建缩略图的步骤如下： (1) 在图像周围添加带有 class .thumbnail 的 标签。 (2) 这会添加四个像素的内边距（padding）和一个灰色的边框。 (3) 当鼠标悬停在图像上时，会动画显示出图像的轮廓
使用缩略图：
Bootstrap -- 缩略图、进度条、列表组、面板
1. 缩略图
大多数站点都需要在网格中布局图像、视频、文本等。Bootstrap 通过缩略图为此提供了一种简便的方式。使用 Bootstrap 创建缩略图的步骤如下： (1) 在图像周围添加带有 class .thumbnail 的 标签。 (2) 这会添加四个像素的内边距（padding）和一个灰色的边框。 (3) 当鼠标悬停在图像上时，会动画显示出图像的轮廓
使用缩略图：
2. 进度条
使用进度条样式：
样式效果：
3. 列表组: 列表组件用于以列表形式呈现复杂的和自定义的内容。
使用列表组样式：
样式效果：
4. 面板：面板组件用于把 DOM 组件插入到一个盒子中。创建一个基本的面板，只需要向
样式效果：
