bootstrap技术分享

Bootstrap技术分享

Bootstrap 简介

Bootstrap 是一个用于快速开发Web 应用程序和网站的前端框架；来自Twitter在2011 年八月在GitHub 上发布的开源产品。

用Bootstrap 的原因

1、它是开源的。

2、它简洁灵活，使得Web 开发更加快捷（含了功能强大的内置组件，易于定制）

3、兼容性好：所有的主流浏览器都支持Bootstrap

Chrome (Mac、Windows、iOS和Android)

Safari (只支持Mac和iOS版，Windows版已经基本死掉了)

Firefox (Mac、Windows)

Internet Explorer【ie8+（bsie弥补了Bootstrap对IE6的不兼容，但仍有一些无法支持）】Opera (Mac、Windows)

4、适用各平台：自适应于台式机、平板电脑和手机

Bootstrap 包含的内容

1、基本结构：提供了一个带有网格系统、链接样式、背景的基本结构

2、全局的CSS 设置

3、组件：Bootstrap 包含了十几个可重用的组件，用于创建图像、下拉菜单、导航、警告框、弹出框等等

4、JavaScript 插件：包含了十几个自定义的jQuery 插件

5、定制：可以定制Bootstrap 的组件、LESS 变量和jQuery 插件来得到您自己的版本 演示部分应用

演示工具：集成Zen Coding 的notepad++

1、navbar

2、dropdown

3、search搜索框

4、table

5、button & icon

6、progress bar

7、modal

8、popover