📌  相关文章
📜  Bootstrap-警报

📅  最后修改于: 2020-10-27 06:15:14             🧑  作者: Mango

 

本章将讨论有关警报以及Bootstrap为警报提供的类。警报提供了一种样式化给用户的消息。它们为典型的用户操作提供上下文反馈消息。

您可以添加可选的关闭图标以发出警报。对于内联解雇，请使用Alerts jQuery插件。

您可以通过创建包装器

并添加.alert类和四个上下文类之一(例如.alert-success，.alert-info，.alert-warning，.alert-danger )来添加基本警报。 。以下示例演示了这一点-

现场演示
Success! Well done its submitted.


Info! take this info.


Warning ! Dont submit this.


Error ! Change few things.

解雇警报

建立解雇警报-

  • 通过创建包装器
    并添加.alert类和四个上下文类之一(例如.alert-success，.alert-info，.alert-warning，.alert-danger )来添加基本警报。
  • 还可以在上述
    类中添加可选的.alert-dismissable 。
  • 添加一个关闭按钮。

以下示例演示了这一点-

现场演示

   
    
   Success! Well done its submitted.





   
    
   Info! take this info.





   
    
   Warning ! Dont submit this.





   
    
   Error ! Change few things.

确保将

警报中的链接

获取警报中的链接-

  • 通过创建包装器
    并添加.alert类和四个上下文类之一(例如.alert-success，.alert-info，.alert-warning，.alert-danger )来添加基本警报。
  • 使用.alert-link实用程序类可在任何警报中快速提供匹配的彩色链接。
现场演示

   Success! Well done its submitted.





   Info! take this info.





   Warning ! Dont submit this.





   Error ! Change few things.