看到Bootstrap 可视化布局之后，感觉还是很震撼的，之前的代码都是自己一点点写，现在拖动一下就出来了效果，所以决定尝试一下。今后会持续更新自己学的笔记。
Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。
1.Bootstrap引入
<html><head><title>在线尝试 Bootstrap 实例title><linkhref="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css"rel="stylesheet"><scriptsrc="http://libs.baidu.com/jquery/2.0.0/jquery.min.js">script><scriptsrc="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js">script>head><body><h1>Hello, world!h1>body>html>2.HTML5文档类型
Bootstrap 使用了一些 HTML5 元素和 CSS 属性，所以需要使用 HTML5 文档类型（Doctype）。
<html>html>3.移动设备优先
Bootstrap 3 的设计目标是移动设备优先，然后才是桌面设备。为了使网站对移动设备友好，确保适当的绘制和触屏缩放，需要在网页head中添加viewport meta标签
<metaname="viewport"content="width=device-width,initial-scale=1.0">width控制设备的宽度，当被不同屏幕分辨率的设备浏览时，设置为device-width可以确保它能正确呈现在不同设备上。
initial-scale=1.0确保网页加载时，以1:1的比例呈现，不会有任何的缩放。
user-scalable=no 可以禁用缩放功能
maximum-scale=1.0和user-scalable=no 一起使用，禁止缩放，用户只能滚动屏幕。
4.响应式图像