基础提醒框

提醒框支持任何长度的文本,以及可选的关闭按钮。为了获得正确的样式,请选用五个 规定 的样式 classes (例如: .alert-success).

这是一个默认提醒框——看看吧!
这是一个主要提醒框——看看吧!
这是一个成功提醒框——看看吧!
这是一个信息提醒框——看看吧!
这是一个警告提醒框——看看吧!
这是一个危险提醒框——看看吧!

关闭提醒框

添加一个关闭按钮 和 class样式.alert-dismissible , 在提醒框右侧添加了一个可充填内容的 .close 按钮.

我去! 您应该查看下面的一些字段。

提醒框HTML元素

提醒框还可以包含额外的HTML元素,如标题、段落和分隔符。

干的漂亮!

你成功阅读了这条重要的提醒信息。此示例文本将运行更长时间,以便您可以查看警报中的间距如何与此类内容配合使用。


请保持代码整洁。

提醒框使用图标Icons

使用图标的提醒框。

成功
信息说明
警告
错误
成功

文案成功的详细描述和建议。

信息说明

关于文案的附加说明和信息。

警告

这是一份关于文案的警示通知。

错误

这是一条关于文案的错误信息。