bootstrap - image

news/2023/12/10 16:27:27

使用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

相关文章

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…

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

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

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

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

2021年安全员-A证考试及安全员-A证考试试卷

题库来源&#xff1a;安全生产模拟考试一点通公众号小程序 安全员-A证考试是安全生产模拟考试一点通总题库中随机出的一套安全员-A证考试试卷&#xff0c;在公众号安全生产模拟考试一点通上点击安全员-A证作业手机同步练习。2021年安全员-A证考试及安全员-A证考试试卷 1、【判…

CSS 3 伪类选择器

转载于:https://blog.51cto.com/6815404/1845620

2021年安全员-C证-专职安全生产管理人员(广东省)考试及安全员-C证-专职安全生产管理人员(广东省)复审考试

题库来源&#xff1a;安全生产模拟考试一点通公众号小程序 安全员-C证-专职安全生产管理人员&#xff08;广东省&#xff09;考试是由公众号安全生产模拟考试一点通提供&#xff0c;安全员-C证-专职安全生产管理人员&#xff08;广东省&#xff09;证模拟考试题库是根据安全员…

JAVA处理不正确处理图片ICC信息蒙上红色的问题 放弃ImageIO.read()

问题现象&#xff1a; Java上传图片时&#xff0c;对某些图片进行缩放、裁剪或者生成缩略图时会蒙上一层红色&#xff0c;原因乃是ImageIO.read()方法读取图片时可能存在不正确处理图片ICC信息的问题&#xff0c;ICC为JPEG图片格式中的一种头部信息&#xff0c;导致渲染图片前景…