bootstrap怎么添加关闭按钮?

bootstrap怎么添加关闭按钮?下面本篇文章给大家介绍一下。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

关闭按钮

为 <button> 或 <a> 元素添加 .close 类,就会为它赋予一个象征关闭的图标,点击图标,就可以让模态框和警告框消失。如:

<button type="button" class="close" aria-label="Close"><span aria-hidden="true">&times;</span></button>
<a class="close"><span aria-hidden="true">&times;</span></a>

效果如图 2‑82所示:

1.png

【相关教程推荐:bootstrap视频教程

拓展:

Bootstrap是一个免费的前端框架,并且是基于html和JavaScript、css三者开发的框架,主要用于响应式网站上的结构和布局,Bootstrap的出现主要是简化Web工作者的工作,其中还包括对JavaScript中的动态调整。

使用bootstrap框架可以响应式网站,bootstrap能使用适用pc和手机等不同分辨率的设备,我们不需要根据设备的不同而去担心显示效果。目前所有的浏览器都支持Bootstrap,所以我们在做网站的时候,也不要考虑浏览器的兼容问题。

更多bootstrap的相关知识,可访问:web前端自学!!

以上就是bootstrap怎么添加关闭按钮?的详细内容,更多请关注web前端其它相关文章!

赞(0) 打赏
未经允许不得转载:web前端首页 » Bootstrap 教程

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏