Bootstrap学习笔记之css样式设计(1)_javascript技巧.doc:..Bootstrap学之css样式设计(1)由于项目需要,所以打算好好学习下bootstrap框架,Z前了解一点,框架总体不难,但涉及到的东西还是很多,想要熟练掌握它,还是耍多练练。—*、bootstrap是什么?bs是什么?即前端页面搭建的标准化框架工貝,,只需要拿来用即可。怎么用bs呢?主要是通过使用不同的类增加效果,每一种类,对应的功能不同。bs好处:增加了开发效率,页面设计更加美观,支持响应式开发。下载地址:https:///foreverjiangting/bootstrap学习文档:http://v3・/gctting-startcd/二、css样式设计1•基于Html文档bootstrap引用了部分html元素,所以头部需写成下面所示的样列。<!DOCTYPEhtml>---包含HTML5文档声明,所有浏览器均开启标准模式<html><head><metacharset=-8"><metahttp-equiv=,/X-patib1e,zcontent二"IE二edge"〉〈metaname=,,vicwport"content二"width二device-width,initial-scale=rz><!—上述3个meta标签*必须*放在最前面,任何其他内容都*必须*跟随其后!确保支持响应式布局--〉<title>Bootstrap</title>[/code][code]<!—新Bootstrap核心CSS文件一Xlinkrel=,/t"href二〃//edn・/bootstrap/3・・min・css,z><!一一可选的Bootstrap主题文件(一般不用引入)--Xlinkrel二〃stylesheet"href=//m.daumloan.com/z//cdn./boo1strap/-theme・"><!—jQuery文件。务必在bootstrap,=,///cdn・/jqucry/1・・js">〈/script>〈!一一最新的Bootstrap核心JavaScript文件--Xscriptsre二〃//cdn./bootstr、ap/.js,,X/script></head><body><hl>Hello,world!</hl></body></html>。bootstrap把页面设置为12列。通过改变列的数字來进行布局,比如设置三个等宽的列:<!DOCTYPEhtml><htmllang二〃zh-CM〃><head><mctacharsct=/zutf-8z,><metahttp-equiv二"X-patible"content二"IE二edge"〉<metaname二〃viewport"content二〃width二device-width,initial-scale二1"><!—上述3个meta标签*必须*放在最前面,任何其他内容都*必须*跟随其后!—><titlc></titl
Bootstrap学习笔记之css样式设计(1) javascript技巧 来自淘豆网m.daumloan.com转载请标明出处.
