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样式 。

 

原文地址:https://www.cnblogs.com/balabala/p/4199527.html