bootstrap学习笔记之css样式设计(1)_javascript技巧

《bootstrap学习笔记之css样式设计(1)_javascript技巧》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、Bootstrap学习笔记之css样式设计（1）由于项目需要，所以打算好好学习下bootstrap框架，Z前了解一点，框架总体不难，但涉及到的东西还是很多，想要熟练掌握它，还是耍多练练。—*、bootstrap是什么？bs是什么？即前端页面搭建的标准化框架工貝，已经写好了css.js样式，只需要拿来用即可。怎么用bs呢？主要是通过使用不同的类增加效果，每一种类，对应的功能不同。bs好处：增加了开发效率，页面设计更加美观，支持响应式开发。下载地址：https://github.com/foreverji

2、angting/bootstrap学习文档:http://v3・bootcss・com/gctting-startcd/二、css样式设计1•基于Html文档bootstrap引用了部分html元素，所以头部需写成下面所示的样列。---包含HTML5文档声明，所有浏览器均开启标准模式

3、wport"content二"width二device-width,initial-scale=rz>Bootstrap[/code][code]

4、Bootstrap主题文件（一般不用引入）--Xlinkrel二〃stylesheet"href=/z//cdn.bootcss.com/boo1strap/3.3.5/css/bootstrap-theme・min.css">〈/script>〈!一一最新的Bootstrap核心JavaScript文件--Xs

5、criptsre二〃//cdn.bootcss.com/bootstr、ap/3.3.5/js/bootstrap.min.js，，X/script>Hello,world!2.栅格系统布局通过设置彳亍和列來进彳亍内容的布局。bootstrap把页面设置为12列。通过改变列的数字來进行布局，比如设置三个等宽的列：

6、>〈linkhref=，/css/bootstrap.css"rel二〃stylesheet"〉

7、/zrel二〃stylesheet"〉〈/script>

8、class=，，row/z>--col-xs-4:指小于768px的小设备ll〈/div>--col-sm-4:指>=768px的设备22〈/div>--col-md-4:指>=992px设备33〈/div>--col-lg-4:值1200px设备