Bootstrap笔记之缩略图、警告框实例详解       本文通过实例给大家详解介绍了Bootstrap笔记之缩略图、警告框知识，非常不错，具有参考借鉴价值，需要的朋友可以参考下

 1. 基础缩略图

给a标签添加类 如下：

 div 
 div 
 a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" img src="img/01.png" alt="图片" /a 
 /div 
 div 
 a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" img src="img/01.png" alt="图片" /a 
 /div 
 div 
 a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" img src="img/01.png" alt="图片" /a 
 /div 
 div 
 a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" img src="img/01.png" alt="图片" /a 
 /div 
 /div 

2.缩略图添加内容

 div 
 div 
 div 
 a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" img src="img/01.png" alt="图片" /a 
 div 
 h3 我是图片标题 /h3 
 p 我是对图片的描述我是对图片的描述我是对图片的描述 /p 
 p a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" 按钮 /a a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" 按钮 /a /p 
 /div 
 /div 
 /div 
 /div 

3.警告框

点击右上角叉号就关闭警示框。可以更改背景色alert-、ess、alert-danger

可关闭的警示框添加类;alert-dismissible和按钮button.

也可以在警告框中添加a链接：

 p 这里是提示信息 a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" 百度 /a /p 
 div 
 button type="button" data-dismiss="alert" times; /button 
 p 这里是提示信息 /p 
 /div 

以上所述是小编给大家介绍的 Bootstrap笔记之缩略图、警告框实例详解，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对凡科网站的支持！