一招搞定bootstrap警告框

百变鹏仔 1个月前 (11-14) #bootstrap

文章标签一招

警告框可以通过灵活的提供一些预定义信息，为用户反馈一些内容和提示。今天我们来介绍bootstrap警告框，有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。

警告框

将文本和一个可选择的按钮放在一起，就是一个警告框，使用警告框必须设置.alert，还有其他的类可供选择。目前提供了成功、消息、警告或危险。

<div>成功</div>    <div>你有一条新消息</div>    <div>警告！！！</div>    <div>本次操作危险，是否继续？</div>

可关闭警告框

在警告框中加入.alert-dismissible 类和一个关闭按钮，则成为一个可以关闭的警告框。为了保证该操作可行，需要给元素添加 data-dismiss="alert" 属性。

<div>        <button><span>×</span></button>        <strong>警告!</strong> 本次操作有风险，是否继续？</div>

警告中的链接

.alert-link 可以为链接设置与当前警告框相同的颜色。

 <div>        <a>成功</a>      </div>      <div>        <a>你有一条新消息</a>      </div>      <div>        <a>警告！！！</a>      </div>      <div>        <a>本次操作危险，是否继续？</a>    </div>

此次就不演示了，演示了图片也看不出，还是自己亲身实践比较好。

推荐学习：Bootstrap视频教程

文章推荐

一招搞定bootstrap警告框

学习bootstrap需要什么基础

bootstrap模态框有什么用

bootstrap是什么意思啊

bootstrap是什么时间开源的

bootstrap怎么实现响应式