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

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

直接看例子：

 
 
 
 
 
 



 

 
缩略图
 
 

 

  
  

  
我是女生我是女生我是女生我是女生我是女生我是女生我是女生我是女生我是女生我是女生
  
查看详情
  
 
 
 

 

  
  

  
我是女生我是女生我是女生我是女生我是女生我是女生我是女生我是女生我是女生我是女生
  
查看详情
  
 
 
 

 

  
  

  
我是女生我是女生我是女生我是女生我是女生我是女生我是女生我是女生我是女生我是女生
  
查看详情
  
 
 

效果如下：

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

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

Bootstrap学习教程

Bootstrap实战教程

Bootstrap插件使用教程

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。