bootstrap（1）

bootstrap概述
1.1什么是bootstrap

Bootstrap，基于 HTML、CSS、JAVASCRIPT 的前端框架。

该框架已经预定义了一套CSS样式和与样式对应的JS代码。（对应的样式有对应的特效）

开发人员只需要编写HTML结构，添加bootstrap固定的class样式，就可以轻松完成指定效果的实现。

作用：

• Bootstrap 使得 Web 开发更加快捷，高效。
• BootStrap支持响应式开发，解决了移动互联网前端开发问题

1.2 .什么是响应式布局、响应式布局能够解决的问题

• 响应式布局：一个网站的展示能够兼容多个终端(手机、iPad、PC等)，而不需要为每个终端单独做一个展示版本。
• 此概念专为解决移动互联网浏览而诞生的。
• 响应式布局，使得网站仅适用一套样式，就可以在不同分辨率下展示出不同的舒适效果，大大降低了网站开发维护成本，并且能带给用户更好的体验性

2.bootstrap安装

<!-- 新 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css">

<!-- 可选的Bootstrap主题文件（一般不用引入） -->
<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap-theme.min.css">

<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>

<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>