Bootstrap学习--认识Bootstarp

Bootstrap 是一个基于 HTML、CSS、JavaScript的用于快速开发 Web 应用程序和网站的前端框架。

选择Bootstrap的原因有以下几点：

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

2.浏览器支持：所有的主流浏览器都支持 Bootstrap。

3.容易上手：只要您具备 HTML 和 CSS 的基础知识，您就可以开始学习 Bootstrap。

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

5.它包含了功能强大的内置组件，易于定制。并且界面美观。

学习Bootstrap必备环境

<link href="../js/bootstrap/css/bootstrap-theme.css" rel="stylesheet">
<script type="text/javascript" src="../js/jquery.min.js"></script>
<script src="../js/bootstrap/js/bootstrap.min.js"></script>

注意jquery的js必须放在bootstrap的js之前

移动设备优先

<meta name="viewport" content="width=device-width, initial-scale=1.0">

通过上面的设置可以保证网站被不同分辨率的设备浏览。device-width指定了时实的呈现，inital-scale=1.0表示将以1：1的比例显示，不缩放。

<meta http-equiv="X-UA-Compatible" content="IE=Edge">

该端代码是为了让IE使用页面所支持的浏览器。

bootstrap的实质是通过css样式来实现页面的响应式布局。