Bootstrap 13th Nov. 2015 @Author:任娜.

Presentation on theme: "Bootstrap 13th Nov. 2015 @Author:任娜."— Presentation transcript:

1 Bootstrap 13th Nov. 2015 @Author:任娜

2 目 录 1、What? 2、How ? 3、Why?

3 1、What Bootstrap是来自Twitter，目前很受欢迎的一个前端(CSS/HTML)框架，主要用于开发响应式布局、移动设备优先的 WEB 项目。 HTML Css JavaScript HTML5 Css3 1、提供了HTML和Css规范 2、包含了丰富的Web组件 3、自带13个jQuery插件 Twitter一家美国社交网络及微博客服务的网站. jQuery 是一个 JavaScript 函数库 其中包括以下组件： 下拉菜单、按钮组、按钮下拉菜单、导航、导航条、路径导航、分页、排版、缩略图、警告对话框、进度条、媒体对象等

4

5 Bootstrap包含的内容 基本结构：Bootstrap 提供了一个带有网格系统、链接样式、背景的基本结 构。
CSS：Bootstrap 自带以下特性：全局的 CSS 设置、定义基本的 HTML 元 素样式、可扩展的 class，以及一个先进的网格系统。 组件：Bootstrap 包含了十几个可重用的组件，用于创建图像、下拉菜单、 导航、警告框、弹出框等等。 JavaScript 插件：Bootstrap 包含了十几个自定义的 jQuery 插件。您可以 直接包含所有的插件，也可以逐个包含这些插件。 定制：您可以定制 Bootstrap 的组件、LESS 变量和 jQuery 插件来得到您自 己的版本。 建议学习网址：

6 不同技能等级的开发者和不同的使用场景，选择不同源码。
2、How:下载和使用 下载地址： 开源工具，中文网上有如何下载、使用，还有基本模版和案例。 CDN的全称是Content Delivery Network，即内容分发网络。一种新型网络构建方式。其基本思路是尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节，使内容传输的更快、更稳定。通过在网络各处放置节点服务器所构成的在现有的互联网基础之上的一层智能虚拟网络，CDN系统能够实时地根据网络流量和各节点的连接、负载状况以及到用户的距离和响应时间等综合信息将用户的请求重新导向离用户最近的服务节点上。其目的是使用户可就近取得所需内容，解决 Internet网络拥挤的状况，提高用户访问网站的响应速度。 不同技能等级的开发者和不同的使用场景，选择不同源码。

7 文件结构 预编译版

8 使用了 Bootstrap 的基本的 HTML 模板

9 3、Why? 1 2 （图像按比例缩放） 3 4 …..

10 Bootstrap适用浏览器和设备

11 Bootstrap包含 学习网址：

12 Bootstrap UI编辑工具

13

14 国内用Bootstrap开发的网址 案例库：

15 The end! 感谢各位的聆听！