提示框常见于网站，用于提示客户输出消息，通常用于信息反馈。Bootstrap提供了一套灵活的工具提示机制。在以往的网页制作过程中，我们经常使用alert来提示输出信息，但是这样不是很友好，界面也不是很美观，Bootstrap对此进行了改进。Bootstrap中有四种类型的提示框。class="alert-success",成功提示框：告诉用户操作成功，呈现的背景、边框和文字均为绿色。class="alert-info",信息提示框：呈现的背景、边框和文字为淡蓝色。class="alert-warning"，警告提示框，背景、边框和文字均为淡黄色。class="alert-danger",错误提示框：渲染后的背景、边框和文字为浅红色。这个和上一章说的按钮（button）中的几种主题色基本类似，用法也差不多。以上四种样式的使用并不是基于class="alert"。代码如下：上面的代码定义了四种不同的提示框。这是Bootstrap中提示框最基本的用法。页面运行效果如图。上面的代码提示框包含在网格系统的列中，提示框的宽度默认占容器的100%。上面的提示框没有任何作用。我们可以在提示框上加一个按钮来关闭提示框，Bootstrap也支持。弹框的关闭依赖js插件，后续章节会讲解。实现提示框的关闭功能只需要以下几步，代码如下：在提示框class="alert"中添加一个按钮。在提示框class="alert"上添加"alert-dismissable"样式类。将styleclass="close"添加到新按钮以显示关闭图标。将属性data-dismiss="alert"添加到新按钮。上面代码中定义了两个提示框，并在第一个提示框中添加了“关闭”按钮，当我们点击“关闭”按钮时提示框就会消失。其中，“×”；就是显示一个“(”符号，页面运行效果如图。我们可以在提示框中添加一个链接来提示跳转到另一个页面，并且在Bootstrap框架中将提示框中的链接样式高亮显示，在不同类型的提示框中对链接进行加粗处理，并相应地使颜色变暗，代码如下：代码中定义了两个提示框，分别添加了“帮助”链接。运行效果如图8-14所示，链接文字内容高亮显示。本文由佳交cpa广告联盟整理编辑！http://www.jiazhua.com转载请注明！
