Bootstrap 警报框参考



  • 警报框 CSS 类

    下表总结了 Bootstrap 警报框 CSS 类:
    类名 描述 示例
    .alert 创建一个警报消息框 尝试一下
    .alert-danger 红色警报;表示危险或潜在的负面行为 尝试一下
    .alert-dark 深灰色警报框 尝试一下
    .alert-dismissible 指示可关闭的警报框;与.close类一起,该类用于关闭警报(添加额外的填充) 尝试一下
    .alert-heading 向指定元素添加 color:inherit 尝试一下
    .alert-info 蓝绿色警报;表示中立的信息变化或行动 尝试一下
    .alert-light 浅灰色警报框 尝试一下
    .alert-link 用于警报内的链接以提供匹配的彩色链接 尝试一下
    .alert-primary 蓝色警报;表示重要的动作 尝试一下
    .alert-secondary 灰色警报;表示“较少”的重要动作 尝试一下
    .alert-success 绿色警报;表示成功或积极的行动 尝试一下
    .alert-warning 黄色警报;表示此操作应谨慎 尝试一下
    .close 关闭警报框按钮的HTML字符集图标,而不是字母“x” 尝试一下
  • 警报框参数

  • 警报框方法

    下表列出了所有可用的警报方法。
    方法 描述 示例
    .alert("close") 关闭警报框消息 尝试一下
    .alert("dispose") 销毁元素的警报框  
  • 警报框事件

    下表列出了所有可用的警报事件。
    事件 描述 示例
    close.bs.alert 在警报消息即将关闭时发生 尝试一下
    closed.bs.alert 在关闭警报消息时发生(将等待CSS转换完成) 尝试一下