bootstrap - image

news/2025/4/22 2:44:15

使用bootstrap内置类可以把图片套圆角、套圆、套白边:

<img src="http://placehold.it/125x125" class="img-rounded" >
<img src="http://placehold.it/125x125" class="img-circle">
<img src="http://placehold.it/125x125" class="img-thumbnail">

利用好bootstrap的布局能力,做出类似缩略图集的UI很容易:

<div class="container">

<div class="row"><div class="col-xs-3"><a href="#" class="thumbnail"><img src="http://placehold.it/125x125" alt="125x125"></a></div><div class="col-xs-3"><a href="#" class="thumbnail"><img src="http://placehold.it/125x125" alt="125x125"></a></div><div class="col-xs-3"><a href="#" class="thumbnail"><img src="http://placehold.it/125x125" alt="125x125"></a></div><div class="col-xs-3"><a href="#" class="thumbnail"><img src="http://placehold.it/125x125" alt="125x125"></a></div>
</div>

</div>


https://dhexx.cn/news/show-1451296.html

相关文章

Cocos Creator 多分辨率完美适配系列-7(封装库使用)

转载自&#xff1a;https://www.jianshu.com/p/de3365853b41

2021年建筑电工(建筑特殊工种)最新解析及建筑电工(建筑特殊工种)新版试题

题库来源&#xff1a;安全生产模拟考试一点通公众号小程序 建筑电工(建筑特殊工种)最新解析是由公众号安全生产模拟考试一点通提供&#xff0c;建筑电工(建筑特殊工种)证模拟考试题库是根据建筑电工(建筑特殊工种)最新版教材汇编出建筑电工(建筑特殊工种)仿真模拟考试。2021年…

2021年茶艺师(初级)模拟试题及茶艺师(初级)模拟考试题库

题库来源&#xff1a;安全生产模拟考试一点通公众号小程序 茶艺师&#xff08;初级&#xff09;模拟试题是安全生产模拟考试一点通总题库中随机出的一套茶艺师&#xff08;初级&#xff09;模拟考试题库&#xff0c;在公众号安全生产模拟考试一点通上点击茶艺师&#xff08;初…

DnCNN-keras版本代码运行环境配置

一、DnCNN-keras版本代码下载 (1)DnCNN-keras下载 https://download.csdn.net/download/qq_41104871/87456626 二、DnCNN-keras版本代码运行环境配置 DnCNN-keras版本代码运行环境配置,主要步骤如下: (1)创建运行虚拟环境 1、WIN+R输入“cmd”进入命令窗口,如下图所示…

php基础语法-函数等

php是弱类型语言, 但并不是 无类型 语言! 同样有变量类型, 形容词(短语)修饰名词的位置? 形容词放在名词之前a nice man "形容词短语" 放在名词之后a basket full of apples 形容词放在 "不定代词" 之后something good , erveryone present. (只能是pres…

Cocos Creator ScrollView 优化系列-1-分帧加载

转载自&#xff1a;https://www.jianshu.com/p/7f8fa125cd4f

2021年安全员-C证新版试题及安全员-C证考试技巧

题库来源&#xff1a;安全生产模拟考试一点通公众号小程序 2021年安全员-C证新版试题为正在备考安全员-C证操作证的学员准备的理论考试专题&#xff0c;每个月更新的安全员-C证考试技巧祝您顺利通过安全员-C证考试。 1、【判断题】搅拌机搅拌过程不宜停车,如因故必须停车,在再…

SQL学习之使用视图

1、简介:视图是虚拟的表。与包含的数据不一样,视图只包含使用时动态检索数据的查询。重点:视图是一个查询,不是一个表!

2021年熔化焊接与热切割找解析及熔化焊接与热切割考试总结

题库来源&#xff1a;安全生产模拟考试一点通公众号小程序 熔化焊接与热切割找解析根据新熔化焊接与热切割考试大纲要求&#xff0c;安全生产模拟考试一点通将熔化焊接与热切割模拟考试试题进行汇编&#xff0c;组成一套熔化焊接与热切割全真模拟考试试题&#xff0c;学员可通…