开发手册 欢迎您!
软件开发者资料库

Bootstrap - Alerts

Bootstrap Alerts - 从概述,环境设置,基本结构,全局样式,网格系统,流体网格系统,布局,响应式设计,排版,表单,按钮,图像,图标,下拉列表,按钮组开始,简单易学地学习Bootstrap ,导航元素,导航栏,面包屑,分页,标签,徽章,版式,缩略图,警报,进度栏,媒体对象,Javascript插件像过渡,模态,下拉列表,Scrollspy,选项卡,工具提示,弹出,警报,按钮,折叠,旋转木马,Typeahead,Affix,Glyphicons,Jumbotron,Demos。

本章将讨论警报和Bootstrap为警报提供的类.警报提供了一种为用户设置消息样式的方法.它们为典型的用户操作提供上下文反馈消息.

您可以添加可选的关闭图标以发出警报.对于内联解雇,请使用警报jQuery插件.

您可以通过创建添加基本警报包装器< div>并添加一个 .alert 类和四个上下文类之一(例如, .alert-success,.alert-info,.alert-warning,.alert-danger ).以下示例演示了此 :

Success! Well done its submitted.
Info! take this info.
Warning ! Dont submit this.Error ! Change few things.

警报中的链接

获取警报中的链接 :

  • 通过创建包装器< div>添加基本提醒并添加一个 .alert 类和四个上下文类之一(例如, .alert-success,.alert-info,.alert-warning,.alert-danger )

  • 使用 .alert-link 实用程序类在任何警报中快速提供匹配的彩色链接.

         ×      Success! Well done its submitted.         ×      Info! take this info.         ×      Warning ! Dont submit this.         ×      Error ! Change few things.
请务必将

Links in Alerts

获取警报中的链接:

  • 通过创建包装器

    并添加.alert类和四个上下文类之一(例如,.alert-success,.alert-info,.alert-warning,.alert-danger)来添加基本警报

  • 使用.alert-link实用程序类可以在任何警报中快速提供匹配的彩色链接。

   Success! Well done its submitted.   Info! take this info.   Warning ! Dont submit this.   Error ! Change few things.