Bootstrap框架class="thumbnail"是什么意思

发布网友 发布时间：2022-03-28 16:25

我来回答

共2个回答

热心网友 时间：2022-03-28 17:55

全局样式 1 Bootstrap 中用到一些 HTML元素和CSS属性需要将页面设置为 HTML5 文档类型，即在页面顶部添加“” 2 布局容器：Bootstrap 需要为页面内容和栅格系统包裹一个 .container或container-fluid（占据全部视口viewport的容器）容器。 3 栅格...

热心网友 时间：2022-03-28 19:13

在Bootstrap框架中查阅图灵计算机大词典：
thumbnail
adj. 极小的, 极短的；
n. 大拇指的指甲, 极小之物；

n. 拇指甲(草图);adj.简略的，缩略的(拇指甲大小的,小型的)；
n. 极小的图片, 小的代表大的更多细节的图片 (计算机用语)；
thumbnail 在Bootstrap框架中真实含义：
n.【计】缩略图。
thumbnail在美工用来具体表现布局方式表达：
大致相当亦为效果图及缩略图，很小（大约为3×4英寸），缩略了细节比较粗糙，是最基本的东西。
直线或水波纹表示正文的位置，方框表示图形的位置。然后，中选的小样再进一步发展。

以下举个案例：
a元素超链接thumbnail呈缩略图构成 <div class="col-xs-6 col-md-3"> </div>：
<div class="container">
<div class="row">
<div class="col-xs-6 col-md-3">
<a href="#" class="thumbnail">
<img src="../image/HAIAN.jpg" alt="180x100%" style="height: 180px;width: 100%;display: block;">
</a>
</div>
<div class="col-xs-6 col-md-3">
<a href="#" class="thumbnail">
<img src="../image/HAIAN.jpg" alt="180x100%" style="height: 180px;width: 100%;display: block;">
</a>
</div>
<div class="col-xs-6 col-md-3">
<a href="#" class="thumbnail">
<img src="../image/HAIAN.jpg" alt="180x100%" style="height: 180px;width: 100%;display: block;">
</a>
</div>
<div class="col-xs-6 col-md-3">
<a href="#" class="thumbnail">
<img src="../image/HAIAN.jpg" alt="180x100%" style="height: 180px;width: 100%;display: block;">
</a>
</div>
</div>
</div>