警告框 - 通用组件

DEMO

提交成功！我们将在 48 小时内为您解答。

请注意！您填写的查询的信息不足，请返回上页查询填写信息有无遗漏。您填写的查询的信息不足，请返回上页查询填写信息有无遗漏。您填写的查询的信息不足，请返回上页查询填写信息有无遗漏。您填写的查询的信息不足，请返回上页查询填写信息有无遗漏。您填写的查询的信息不足，请返回上页查询填写信息有无遗漏。

错误！您输入的内容不合法，请重新输入！

请注意！您填写的查询的信息不足，请返回上页查询填写信息有无遗漏。

调用方法

HTML:


<div class="alert">
  <div class="close" data-dismiss="alert">×</div>
  提交成功！我们将在 48 小时内为您解答。
</div>

<!-- 使用 has-icon 创建包含图标的警告框 -->
<div class="alert has-icon">
  <div class="close" data-dismiss="alert">×</div>
  <span class="icon"><i class="iconfont icon-success-fill"></i></span>
  提交成功！我们将在 48 小时内为您解答。
</div>

<!-- 使用 is-success/danger/warning 创建包含状态的警告框 -->
<div class="alert is-success has-icon">
  <span class="icon"><i class="iconfont icon-success-fill"></i></span>
  <div class="close" data-dismiss="alert">×</div>
  提交成功！我们将在 48 小时内为您解答。
</div>

Javascript:
```
require('bootstrap/js/alert');
      
```

详细文档与API

Alert相关回调 - API

DEMO

调用方法

HTML:

Javascript:

详细文档与API