• 本站已部分支持 HTTPS,欢迎尝试。
    • 作者:SuperPaxxs扶摇直上九万里,绝云气,负青天,不知图哪了,正在努力搜索中...
    • 请使用 Chrome、Firefox 等现代浏览器浏览本站。有事 点击这里 联系博主
    • 想在魔帆博客投稿? 点击这里 联系博主
    • [ 既然来了就多看两篇文章嘛,你好意思走么? ]
    • 如果您觉得本站非常有看点,那么赶紧使用 Ctrl + D 收藏魔帆博客吧

按钮及提示框背景代码分享-wordpress教程

技术教程 Super Paxxs 7581次浏览 已收录 1个评论
目录
[隐藏]

效果

按钮及提示框背景代码分享-wordpress教程

这是成功背景框
这是信息背景框
这是警告背景框
这是危险背景框

警告框!这是一个可以关闭的警告框。

代码

按钮:

<button type="button" class="btn btn-default">默认</button>
<button type="button" class="btn btn-primary">主要</button>
<button type="button" class="btn btn-success">成功</button>
<button type="button" class="btn btn-info">信息</button>
<button type="button" class="btn btn-warning">警告</button>
<button type="button" class="btn btn-danger">危险</button>
<button type="button" class="btn btn-link">链接</button>

提示框:

<div class="alert alert-success">这是成功背景框</div>
<div class="alert alert-info">这是信息背景框</div>
<div class="alert alert-warning">这是警告背景框</div>
<div class="alert alert-danger">这是危险背景框</div>
<div class="alert alert-warning alert-dismissable">
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
警告框!这是一个可以关闭的警告框。
</div>

魔帆博客 , 版权所有丨如未注明 , 均为原创丨本网站均采用BY-NC-SA协议进行授权 , 转载请注明按钮及提示框背景代码分享-wordpress教程
喜欢 (9)
[]
分享 (0)
Super Paxxs
关于作者:
一只初中狗,对网站建设和编程非常感兴趣。
发表我的评论
取消评论

表情 加粗 删除线 斜体

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(1)个小伙伴在吐槽
  1. 这个是不是要配合CSS ,,单加这样的代码,不显示呢
    sdcool2017-11-17 15:14 回复