Bootstrap 警告框的外观

警告框的外观

Bootstrap还提供了 3 个可选的情景类 .alert-error、.alert-success 和 .alert-info，用于改变警告框和警告块的背景颜色，以及警告框和警告块中的文本颜色，通过颜色来暗示警告框和警告块的上下文场景。如：

<div class="alert alert-error">
...
</div>
<div class="alert alert-success">
...
</div>
<div class="alert alert-info">
...
</div>

效果如图 4‑55所示：

图4-55 Bootstrap警告框的文本颜色

关于作者

歪脖先生，十五年以上软件开发经验，酷爱Web开发，精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等，著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》，并全部在 GitHub 上开源。

Bootstrap 警告框的外观相关推荐

Bootstrap警告框
前面的话在网站中,网页总是需要和用户一起做沟通与交流.特别是当用户操作上下文为用户提供一些有效的警示框,比如说告诉用户操作成功.操作错误.提示或者警告等.在Bootstrap框架有一个独立的组件,实 ...
Bootstrap警告框、弹出提示层、模态框的js插件效果总结
Bootstrap警告框js插件经常会在bootstrap项目中遇到警告框.弹出提示层.弹出模态框组件等等场景应用. 使用前准备: 插件使用之前,请先导入如下文件: jquery.min.js bo ...
Bootstrap 警告框插件Alert 的事件
事件 Bootstrap警告框插件Alert有两个事件,一个是close,一个是closed,它们的含义见表 5‑6. 表 5‑6 警告框的事件及含义事件含义 close 调用close方法时,立 ...
Bootstrap 警告框插件Alert
警告框 Bootstrap警告框插件Alert需要 bootstrap-alert.js 文件支持,在使用该插件之前,应该导入 jQuery 和 bootstrap-alert.js 文件. 使用方法 ...
Bootstrap 警告框
警告框在交互式网页中,经常要根据用户操作的上下文,比如操作成功.操作失败等,为用户提供灵活的提示信息. 警告框警告框用于为成功.警告和错误信息提供样式.默认的警示框可以通过给 <div> ...
Bootstrap 警告框（Alert）插件
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 < ...
Bootstrap 警告框组件 + 退出按钮样式实现一个可退出的警告框
Bootstrap 实现可退出的警告框通过bootstrap的警告框组件和退出按钮的样式就可以实现一个简单的可退出警告框: 先来看看退出按钮样式的实现: <button type=" ...
Bootstrap 警告块
警告块如果警告框中包含多行文本,可以追加一个 .alert-block 类,来增加警告框的上下内边距,让多行文本看起来更舒服.如: <div class="alert alert-b ...
Bootstrap入门（三十）JS插件7：警告框
Bootstrap入门(三十)JS插件7:警告框通过这个插件可以为警告信息添加点击以及消失的功能. 当使用一个.close按钮,它必须是第一个子元素.alert-dismissible,并没有文字内 ...

Bootstrap 警告框的外观

警告框的外观

Bootstrap 警告框的外观相关推荐

最新文章

热门文章