Bootstrap(一)

一、bootstrap概述

1 什么是Bootstrap

Bootstrap是一个基于HTML、CSS和JavaScript语言编写的框架，具有简单、灵活的特性， 拥有样式库、组件和插件。 Bootstrap常用来开发响应式布局和移动设备优先的Web项目，能够帮助开发者快速搭建前端页面

2.Bootstrap框架的特点：

 3 .Bootstrap的组成

 4.为什么使用bootstrap？

移动设备优先。框架包含了贯穿于整个库的移动设备优先的样式。

浏览器支持。所有的主流浏览器都支持。

容易上手。只要你具备HTML、CSS、JS基础知识，就可以开始学习。

响应式设计。Bootstrap 的响应式 CSS 能够自适应于台式机、平板电脑和手机

二、Bootstrap环境安装

1.Bootstrap下载

下载的中文地址：http://v3.bootcss.com/

 

 使用 Bootstrap 中文网提供的免费 CDN 加速服务

Bootstrap 中文网 为 Bootstrap 专门构建了自己的免费 CDN 加速服务。基于国内云厂商的 CDN 服务，访问速度更快、加速效果更明显、没有速度和带宽限制、永久免费。Bootstrap 中文网还对大量的前端开源工具库提供了 CDN 加速服务，请进入BootCDN(http://www.bootcdn.cn)主页查看更多可用的工具库。

什么是CDN加速服务？

CDN的全称是Content Delivery Network，即内容分发网络。其基本思路是尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节，使内容传输的更快、更稳定。

 三、Bootstrap基本模板

1.Bootstrap模板注意事项

Bootstrap模板必须是基于HTML5文件的。因此DTD类型定义必须是HTML5的。

Bootstrap文件当字符集设置，也要遵循HTML5的规范。

设置IE浏览器兼容模式(X-UA-Compatible)

设置模板，适用于所有平台(viewport )。

引入bootstrap的CSS主文件(bootstrap.min.css)。

引入jQuery插件的主文件(jQuery)

引入bootstrap的JS主文件(bootstrap.min.js)