`
schy_hqh
  • 浏览: 555931 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

bootstrap3-警告框

 
阅读更多

 

警告框分2种:

静态警告框

动态警告框(依赖jquery插件)

 

需引入bootstrap下的alert.js到页面中。

 

静态弹出框

<div class="alert alert-success">
	 <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
	<strong>Warning!</strong> success!
</div>
<div class="alert alert-info">
	 <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
	<strong>Warning!</strong> info!
</div>
<div class="alert alert-warning">
	 <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
	<strong>Warning!</strong> warning!
</div>
<div class="alert alert-danger">
	 <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
	<strong>Warning!</strong> danger!
</div>

 

 

 

 


<div class="alert alert-success">
	<!-- 关闭x -->
 	<button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
 	<!-- 弹出框中的文字 -->
	<strong>Well Done!</strong> 请点击:
	<!-- 链接 --> 
	<a href="http://www.google.com.hk" class="alert-link">领奖</a>
</div>

 

 

  • 大小: 6.8 KB
  • 大小: 2.2 KB
分享到:
评论

相关推荐

    bootstrap-3.4.1-dist.zip,bootstrap-4.6.1-dist.zip

    Bootstrap 3的核心组件包括网格系统、表单、按钮、导航、模态、图像以及各种JavaScript插件,如下拉菜单、轮播图和模态框等。这些组件都基于HTML5和CSS3,通过预定义的类名,开发者可以快速构建美观的用户界面。 ...

    bootstrap3-validation.js-master

    Bootstrap3-validation.js是一个基于Bootstrap 3框架的表单验证插件,主要用于提高用户界面的交互性和数据输入的准确性。在Web开发中,表单验证是一个关键环节,它确保用户提交的数据符合预设的规则,避免无效或错误...

    bootstrap3-dialog-master对话框

    Bootstrap3-Dialog是一款基于Bootstrap框架的对话框插件,它扩展了Bootstrap的模态功能,提供了更为丰富的定制选项和交互体验。在Web开发中,对话框通常用于展示警告、确认信息,或者进行用户输入等交互操作。...

    bootStrap3-Layoutit更新

    Bootstrap的核心特性包括网格系统、表单、按钮、导航、模态框、警告提示等,同时支持自定义主题和扩展插件,大大提高了网页开发的效率。 Bootstrap3是该框架的一个重要版本,引入了更简洁的设计语言,优化了响应式...

    bootstrap-growl 简单提示框

    同时,它支持设置提示框的内容、标题、类型(如警告、信息、成功或错误)以及持续时间等参数,以便适应不同场景的需求。 使用Bootstrap-growl 首先需要在项目中引入相关的库文件,包括Bootstrap的CSS和JavaScript,...

    bootstrap-3.3.7-dist.zip

    - `js` 文件夹:包含了Bootstrap的核心JavaScript文件,如`bootstrap.min.js`,它是整个框架的压缩和合并版本,包含了如模态框、下拉菜单、轮播图等功能。此外,还有`jquery.js`或`jquery.min.js`,这是jQuery库,...

    bootstrap3-Axure组件

    通过集成Bootstrap3,Axure RP的用户可以直接使用Bootstrap3的样式和组件,如导航栏、按钮、表格、模态框、下拉菜单等,这大大简化了设计流程,使得原型更接近最终产品的视觉效果。 在Bootstrap3-Axure组件中,你将...

    bootstrap-3.3.7-dist

    这些CSS文件定义了Bootstrap的所有样式,包括栅格系统、排版、表单、按钮、导航、警告提示、模态框等,使得开发者可以快速构建出美观且一致的用户界面。 2. **Fonts**: - `fonts`目录包含了 Glyphicons 字体图标...

    bootstrap-3.4.1-dist(加个关注就行).zip

    在CSS样式方面,Bootstrap提供了丰富的预设样式,包括字体、颜色、按钮、表单、导航、警告框等。这些样式可以快速应用到HTML元素上,大大减少了自定义样式的工作量。例如,只需添加`.btn`和`.btn-primary`类,就可以...

    Bootstrap-3-Admin-Theme-master.zip

    "Bootstrap-3-Admin-Theme-master.zip" 是一个包含Bootstrap 3管理后台模板的压缩文件。这个模板设计用于构建高效、美观的后台管理系统界面,它充分利用了Bootstrap 3的特性,提供了一套完整的页面结构和功能组件,...

    bootstrap-3.3.7前端框架

    此外,Bootstrap还提供了工具提示(Tooltip)和弹出框(Popover)功能,它们为用户提供额外的上下文信息,增强了用户界面的易用性。只需添加特定的类和数据属性,如`data-toggle="tooltip"`,即可实现这些效果。 ...

    bootstrap-4-dev

    4. **颜色系统**:Bootstrap 4提供了一套全新的颜色系统,包括预设的主要、次要、警告、危险和成功等颜色,以及自定义色彩工具,便于开发者根据品牌风格调整界面颜色。 5. **字体与图标**:Bootstrap 4默认使用...

    bootstrap-2.3.2-dist

    2. **预定义的组件**:Bootstrap包含一系列预先设计的UI组件,如导航条、下拉菜单、按钮组、模态框、警告提示、表单元素等,这些组件大大简化了网页的开发过程。 3. **样式和排版**:Bootstrap提供了丰富的CSS类,...

    twitter-bootstrap-v2.1.1-0-gc52368d.zip

    2. **预定义的样式**:Bootstrap提供了一系列预定义的CSS类,如按钮、表单控件、导航条、警告提示等,大大简化了页面元素的样式设置。 3. **可定制性**:Bootstrap 2.1.1允许用户通过Less CSS预处理器来自定义主题...

    一头扎进Bootstrap3-6-7

    3. **CSS组件**:Bootstrap3提供了许多预定义的CSS样式,如按钮、表单、导航条、警告框等。第七讲可能详细讲解了如何使用这些组件,以及自定义它们的样式以符合项目需求。 4. **JavaScript插件**:除了基本的CSS,...

    好看的BootStrap--Demo(html文件)

    HTML文件可能展示了各种Bootstrap组件的实际应用,例如导航栏(navigation bar)、表单(forms)、警告框(alerts)、按钮(buttons)、图像(image)响应式处理、卡片(card)等。通过查看和学习这些Demo,开发者可以更好地理解...

    bootstrap-3.3.5 bootstrap-3.3.5-dist WEB 前端开发 CSS框架

    2. **CSS组件**:Bootstrap包含大量预设的CSS样式,如字体、颜色、边距、按钮、表单、导航、警告框、图像等。这些组件遵循一致的设计原则,提供统一的视觉效果,减少了自定义样式的工作量。 3. **JavaScript插件**...

Global site tag (gtag.js) - Google Analytics