Bootstrap基本组件学习笔记之缩略图(13)

Bootstrap基本组件学习笔记之缩略图(13)

Bootstrap 通过缩略图为网站布局提供了一种简洁的解决方案。

直接看例子：

我是女生我是女生我是女生我是女生我是女生我是女生我是女生我是女生我是女生我是女生

查看详情

我是女生我是女生我是女生我是女生我是女生我是女生我是女生我是女生我是女生我是女生

查看详情

我是女生我是女生我是女http://生我是女生我是女生我是女生我是女生我是女生我是女生我是女生

查看详情

效果如下：

从上面例子可以看出，实现缩略图需要添加.thumbnail样式类，这样会在图片四周添加padding的边框，同时当鼠标悬停在图片上时，会动态显示出轮廓。

如果大家还想深入学习，可以点击这里进行学习，再为大家附3个精彩的专题：

Bootstrap学习教程

Bootstrap实战教程

Bootstrap插件使用教程

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。