Bootstrap基本模板的使用和理解1
本文实例为大家分享了Bootstrap基本模板的具体代码,供大家参考,具体内容如下
<!--声明文档类型为html5--> <!DOCTYPEhtml> <!--声明页面内容主要为中文简体--> <htmllang="zh-CN"> <head> <!--声明页面编码为utf-8--> <metacharset="utf-8"> <!--X-UA-Compatible浏览器兼容模式这是个是IE8的专用标记,用来指定IE8浏览器去模拟某个特定版本的IE浏览器的渲染方式(比如人见人烦的IE6),以此来解决部分兼容问题--> <!--详情见http://www.cnblogs.com/lovecode/articles/3377505.html--> <metahttp-equiv="X-UA-Compatible"content="IE=edge"> <!--申明viewport视口属性设置,只有在移动端才识别 其中属性有width=device-width视口宽度等于设备宽度 initial-scale=1.0初始化缩放比为1:1也就是等比显示 还有其他的属性: user-scalable=0;可选值1,0,或yes,no 用户是否允许缩放。 maximum=1.0最大缩放比 minimum=1.0最小缩放比 --> <metaname="viewport"content="width=device-width,initial-scale=1"> <!--上述3个meta标签*必须*放在最前面,任何其他内容都*必须*跟随其后!--> <title>Bootstrap模板</title> <!--Bootstrap--> <linkhref="lib/bootstrap/css/bootstrap.css"rel="stylesheet"> <!--respond异步加载的本地打开不生效需要使用服务器,例如在Apache上打开--> <!--HTML5shimandRespond.jsforIE8supportofHTML5elementsandmediaqueries--> <!--WARNING:Respond.jsdoesn'tworkifyouviewthepageviafile://--> <!--只有IE才识别的注释--> <!--不支持h5标签的浏览器需要引用html5shiv.js包--> <!--不支持媒体查询的浏览器需引入respond.js包--> <!--[ifltIE9]> <scriptsrc="lib/html5shiv/html5shiv.min.js"></script> <scriptsrc="lib/respond/respond.js"></script> <![endif]--> </head> <body> <!--删掉下面的标题就可以填写内容了--> <h1>你好,世界!</h1> <!--填写内容区--> <!--jQuery(necessaryforBootstrap'sJavaScriptplugins) bootstrap基于jQuery所以jQuery要先引入--> <scriptsrc="lib/jquery/jquery.js"></script> <!--Includeallcompiledplugins(below),orincludeindividualfilesasneeded--> <scriptsrc="lib/bootstrap/js/bootstrap.js"></script> </body> </html>
所有包从本地服务器上引用,不使用CDN
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持毛票票。