Bootsrtap学习之一：如何使用Bootstrap

导言

笔者自学了html和css,正在学习javascript中，一直想要开发一个个人网站，了解到前端有很多框架可以帮助快速开发网页，从网上各种前端框架中选择了Bootstrap，目前将一步步学习此框架，并编写Bootstrap教程，帮助更多的人学习bootstrap.

Bootstrap，来自 Twitter，是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。 它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎，一直是GitHub上的热门开源项目，包括NASA的MSNBC（微软全国广播公司）的Breaking News都使用了该项目。 国内一些移动开发者较为熟悉的框架，如WeX5前端开源框架等，也是基于Bootstrap源码进行性能优化而来。 --摘自百度百科

[TOC]

1.Bootstrap框架的下载

只涉及Windows平台的安装使用网页打开bootstrap中文网，选择用于生产环境的Bootstrap，下载bootstrap框架。

注意：在解压得到文件夹中写html文件，与css,font,js,位于同一目录下

2.框架的使用

然后开始编写html文件，这里给出整个测试源码

text

Hello,World!

1.我们将bootstrap的样式文件引入网页

2.将js文件引入网页，由于js一般依赖于JQuery库，所以我们要引入JQuery库

3.viewport的标签可以修改大部分移动设备上面的显示，为确保适当绘制和触屏缩放

4.使用html5新的标签，在IE9以下浏览器并不支持这些标签，修复这个问题引用如下

意思就是说如果用户 IE 浏览器的版本小于 IE9，那么就会加载这两个 js 文件库，现在就可以使用这些新的标签，并且可以在这些标签上添加样式了。

参考实验楼Bootstrap3.0入门学习