Bootstrap 学习笔记

　　学习网址：  CodeForDream

       慕课也有学习bootstrap的视频：    慕课网

　　Bootstrap 是前端开发的一个框架，封装了很多的CSS样式，可以直接引入，减少很多前端开发者的时间，还可以直接在bootstrap源码上面学习，如果想深入学习CSS，是个学习CSS的不错选择。

　　在 html 页面里面使用 bootstrap 需要引用 bootstrap 文件，在此之前需要先引入 jquery 的文件，因为 bootstrap 是依赖于 jquery库的。

<link rel="stylesheet" href="bootstrap.css">
<script src="jquery.js"></script>     //需要在bootstrap.js文件之间引入
<script src="bootstrap.js"></script>  

引入以后呢，使用的时候，在标签里面直接添加class属性，就可以将bootstrap有的样式添加进来就可以了，例如：

<a class="btn btn-primary" href="#" role="button">Link</a>
<button class="btn btn-primary" type="submit">Button</button>
<input class="btn btn-primary" type="button" value="Input">
<input class="btn btn-default" type="submit" value="Submit">

显示的样式就是：

 

bootstrap里面还有很多其他的样式，可以在官网上查看样式，然后需要什么就直接添加就好了 boostrap样式 。