网站建设服务商_凡科商城官网_线上商城_商标免费设计在线生成_微商城
当前位置:建站首页 > 新闻资讯 > 手机网站 >

知识付费小程序_Bootstrap笔记之缩略图、警告框实

发表日期:2021-01-12 13:07文章编辑:jianzhan浏览次数: 标签:    

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笔记之缩略图、警告框实例详解,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对凡科网站的支持!


相关新闻