Bootstrap学习（一）

本篇文章为学习MLDN网站免费课程时课堂记录，方便以后自己翻阅而发布。

Bootstrap是在jQuery框架基础之上开发的前端页面框架，可以兼容大部分的jQuery插件，用户通过Bootstrap提供的一些设计（如：CSS布局、JavaScript插件等）就可以制作出效果很好的页面。

Bootstrap3.X开始已经支持各种移动设备，并且支持所有主流浏览器，如：FF、Chrome、IE、Opera、Safari。

下载Bootstrap开发包：

方式一：http://www.getbootstrap.com,一个国外网站，有可能不能访问；

方式二：github下载,https://github.com/twbs/bootstrap

将下载的bootstrap压缩包直接进行解压缩之后就可以使用了

如果想使用bootstrap，只需要将dist目录下的css、js、fonts文件夹拷贝到项目中就可以了，此时工作环境准备完成了，接下来就可以进行代码编写了。

项目需导入的bootstrap文件：

1、css：bootstrap.min.css,所有的源代码都在“bootstrap.css”格式化的进行了显示；

2、js：bootstrap.min.js,所有的源代码都在“bootstrap.js”文件里面格式化显示。

注：由于bootstrap是基于jQuery建立的应用框架，还需要引入jQuery开发包（http://www.jquery.com）

Bootstrap的基本模版和案例了参考网站：http://v3.bootcss.com/getting-started/#examples

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