/***CreatedbyAdministratoron2016/5/4.*//***模态窗口*/window.Modal={tpls:{alert:'<divclass="modalfade"tabindex="-1"role="dialog"><divclass="modal-dialogmoda...

　　在网页中，进度条的效果并不少见，比如一个评分系统，比如加载状态等，通过简单、灵活的进度条，可以为当前工作流程或动作提供实时反馈。本文将详细介绍Bootstrap进度条 基本样式　　Bootstrap框架中对于进度条提供了一个基本样式，一个100%宽度的背景色，然后一个高亮的颜色表示完成进度。其实制作这样的...

　　在网站中，网页总是需要和用户一起做沟通与交流。特别是当用户操作上下文为用户提供一些有效的警示框，比如说告诉用户操作成功、操作错误、提示或者警告等。在Bootstrap框架有一个独立的组件，实现类似的效果，这个组件被称为警示框。本文将详细介绍Bootstrap警告框 默认用法　　警告框组件通过提供一些灵活的...

　　缩略图在网站中最常用的地方就是产品列表页面，一行显示几张图片，有的在图片底部（左侧或右侧）带有标题、描述等信息。Bootstrap框架将这一部独立成一个模块组件，本文将详细介绍Bootstrap缩略图 概述　　Boostrap缩略图的默认设计仅需最少的标签就能展示带链接的图片，通过“thumb...

　　在Bootstrap中，有一些组件用于提示信息，如 标签、徽章、巨幕和页头。本文将详细介绍Bootstrap提示信息 标签　　在一些Web页面中常常会添加一个标签用来告诉用户一些额外的信息，比如说在导航上添加了一个新导航项，可能就会加一个“new”标签，来告诉用户　　在B...

　　分页导航几乎在每个网站都可见，好的分页能给用户带来好的用户体验。本文将详细介绍Bootstrap分页 概述　　在Bootstrap框架中提供了两种分页导航： 　　 ☑  带页码的分页导航　　  ☑  带翻页的分页导航 ...

　　导航条（navbar）和导航（nav），就相差一个字，多了一个“条”字。其实在Bootstrap框架中他们还是明显的区别。在导航条(navbar)中有一个背景色、而且导航条可以是纯链接（类似导航），也可以是表单，还有就是表单和导航一起结合等多种形式。本文将详细介绍Bootstrap导航条&n...

　　导航对于一位前端人员来说并不陌生。可以说导航是一个网站重要的元素组件之一，便于用户查找网站所提供的各项功能服务。本文将详细介绍Bootstrap导航 基础样式　　Bootstrap框架中制作导航条主要通过“.nav”样式。默认的“.nav”样式不提供默认的导...

　　有时，我们需要将文本输入框(inputgroup)和文件或者小icon组合在一起进行显示，我们称之为addon。也就是通过在文本输入框 <input> 前面、后面或是两边加上文字或按钮，来实现对表单控件的扩展。本文将详细介绍Bootstrap输入框组 基本用法　　在输入框的...

　　按钮式下拉菜单仅从外观上看，和下拉菜单效果基本上是一样的。不同的是普通的下拉菜单是block元素，而按钮式下拉菜单是inline-block元素。本文将详细介绍Bootstrap按钮式下拉菜单 概述　　按钮式下拉菜单其实就是普通的下拉菜单，唯一不同的是外部容器“div.dropdown&rdq...

　　单个按钮在Web页面中的运用有时候并不能满足我们的业务需求，常常会看到将多个按钮组合在一起使用，比如富文本编辑器里的一组小图标按钮等。本文将详细介绍Bootstrap按钮组 使用方法　　按钮组和下拉菜单组件一样，需要依赖于button.js插件才能正常运行。不过我们同样可以直接只调用bootstrap.j...

　　网页交互的时候经常会需要上下文菜单或者隐藏/显示菜单项，Bootstrap默认提供了用于显示链接列表的可切换、有上下文的菜单。而且在各种交互状态下的菜单展示需要和javascript插件配合才能使用。本文将详细介绍Bootstrap下拉菜单 使用方法　　在使用Bootstrap框架的下拉菜单时，必须调用B...

　　Bootstrap提供了一组工具类，用于辅助项目的开发。本文将详细介绍Bootstrap辅助类 文本色　　通过颜色来展示意图，Bootstrap提供了一组工具类。这些类可以应用于链接，并且在鼠标经过时颜色可以还可以加深，就像默认的链接一样.text-muted：提示，使用浅灰色（#777）.text-pr...

　　Bootstrap提供了一套响应式、移动设备优先的流式栅格系统，随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多12列。栅格系统没有官方的定义，但根据网上的各种描述，可以这样定义，以规则的网格阵列来指导和规范网页中的版面布局以及信息分布。本文将详细介绍Bootstrap栅格系统 实现原理　...

　　Bootstrap与CSS的关系，类似于javascript与jQuery的关系，原理与应用的关系。只是jQuery不再火爆，而Bootstrap依然火热，它在github有着超过100万的关注数。一般地，一个简单的前端项目可以由Bootstrap和jQuery搭建而成。Bootstrap的出现，让我们对栅格布局、...