提示框

为成功、警告和错误信息定义样式。

用法

要应用此组件,添加 alert 类至块元素中即可。

示例

我一路上遇到的阻碍都促使我更加努力地去抗争、去奋斗。

代码

<div class="alert">...</div>

关闭按钮

为了使用一个关闭按钮,在该提示框内部的<button><a>元素中添加 alert-close 类。要使关闭按钮的 JavaScript 生效,仅需往该提示框中添加 data-alert 属性。

示例

我一路上遇到的阻碍都促使我更加努力地去抗争、去奋斗。这里是提示框链接。你已阅读此提示。

代码

<div class="alert" data-alert>
    <a class="alert-close close" href="#"></a>
    <p>...</p>
</div>

提示框状态

示例

我一路上遇到的阻碍都促使我更加努力地去抗争、去奋斗。这里是提示框链接。你已阅读此提示。

我一路上遇到的阻碍都促使我更加努力地去抗争、去奋斗。这里是提示框链接。你已阅读此提示。

我一路上遇到的阻碍都促使我更加努力地去抗争、去奋斗。这里是提示框链接。你已阅读此提示。

我一路上遇到的阻碍都促使我更加努力地去抗争、去奋斗。这里是提示框链接。你已阅读此提示。

我一路上遇到的阻碍都促使我更加努力地去抗争、去奋斗。这里是提示框链接。你已阅读此提示。

代码

<div class="alert" data-alert>...</div>

<div class="alert alert-info" data-alert>...</div>

<div class="alert alert-success" data-alert>...</div>

<div class="alert alert-warning" data-alert>...</div>

<div class="alert alert-danger" data-alert>...</div>