警告框

Bootstrap响应式前端框架笔记十三——警告框与进度条

与世无争的帅哥 提交于 2019-12-05 02:50:00
Bootstrap响应式前端框架笔记十三——警告框与进度条 在Bootstrap中,使用alert相关类可以实现简洁的警告框控件,示例如下: <p>alert相关类可以实现简洁的警告框样式</p> <div class="alert alert-success">成功风格的警告框</div> <div class="alert alert-info">详情风格的警告框</div> <div class="alert alert-warning">警告风格的警告框</div> <div class="alert alert-danger">危险风格的警告框</div> 效果如下图所示: 警告框上面也可以添加有一个关闭按钮,示例如下: <p>带关闭按钮的警告框</p> <div class="alert alert-warning alert-dismissible">可关闭的警告框 <button type="button" class="close"> <span aria-hidden="true">×</span> </button> </div> 效果如下: 警告框中也可以添加跳转链接,示例如下: <p>带链接的警告框</p> <div class="alert alert-danger"> 您输入的用户名或密码有误 <a class="alert-link" href="#