介绍
这篇文章给大家分享的是有关引导警告框的使用方法的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。
<>强警告框强>
将文本和一个可选择的按钮放在一起,就是一个警告框,使用警告框必须设置<代码>。警报> 代码,还有其他的类可供选择。目前提供了成功,消息,警告或危险。
& lt; div 类=癮lert alert-success",角色=癮lert"在成功& lt;/div> ,,,& lt; div 类=癮lert alert-info",角色=癮lert"在你有一条新消息& lt;/div> ,,,& lt; div 类=癮lert alert-warning",角色=癮lert"在警告! ! ! & lt;/div> ,,,& lt; div 类=癮lert alert-danger",角色=癮lert"在本次操作危险,是否继续? & lt;/div>
<强>可关闭警告框强>
在警告框中加入<代码>。代码> <代码> alert-dismissible> 代码类和一个关闭按钮,则成为一个可以关闭的警告框。为了保证该操作可行,需要给<代码> & lt; button>代码>元素添加<代码> data-dismiss=癮lert" 代码>属性。
& lt; div 类=癮lert alert-warning alert-dismissible",角色=癮lert"比; ,,,,,,,& lt; button 类型=癰utton",类=癱lose", data-dismiss=癮lert", aria-label=癱lose"祝辞& lt; span aria-hidden=皌rue"祝辞,次;& lt;/span> & lt;/button> ,,,,,,,& lt; strong>警告! & lt;/strong>,本次操作有风险,是否继续吗? & lt;/div>
<>强警告中的链接强>
<代码>。alert-link> 代码可以为链接设置与当前警告框相同的颜色。
,& lt; div 类=癮lert alert-success",角色=癮lert"比; ,,,,,,,& lt; https://www.yisu.com/zixun/a href=" # " class=" alert-link ">成功>
此次就不演示了,演示了图片也看不出,还是自己亲身实践比较好。
感谢各位的阅读!关于“引导警告框的使用方法”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!