前端开发WEB前端程序开发Web前端之路

05.bootstrap

2017-08-30  本文已影响15人  廖马儿

1.bootstrap架构:

架构的意思就是你需要用到的东西,事先布局好。等到需要调用的时候去调用。比如,我们要去布局,需要手工的去计算网页的宽高,bootstrap就有一套布局系统,我们只需要在网页开发的时候设置一定bootstrap需要用到的类,不需要手工去计算,和写css文件。BootStrap还允许我们去控制这个button的大小颜色等等。bootstrap包含了很多,我们经常需要用到的空间。表格表单,导航栏,交互等。选项卡。在元素上面使用相应的类。

2.bootstrap的包含内容:

1.css:bootstrap.css  和 bootstrap.min.css(核心)  

min是其的压缩版本,体积要小一些。
bootstrap-responsive.css 和 bootstrap-responsive.min.css 这个是包含了响应式的css样式。如果想要我们的样式是可以响应的,需要我们去加载这个样式。
2.img:两张背景图片,一个是黑色版本的,一个是白色版的。
3.js文件夹下面:
包含的是js代码。

3.想要在网页中使用bootstrap架构呢,只需要在网页中加载所需的样式表和js文件就可以了。
<link href="..........bootstrap.css" rel="stylesheet" type="text/css"> // 链接样式表,如果是h5的docment,我们可以去掉type属性。

4.bootstrap的js是基于jquery架构的。

上一篇下一篇

猜你喜欢

热点阅读