Bootstrap基本模板的使用和理解1
程序员文章站
2023-11-15 12:59:58
本文实例为大家分享了bootstrap基本模板的具体代码，供大家参考，具体内容如下
本文实例为大家分享了bootstrap基本模板的具体代码，供大家参考，具体内容如下
<!-- 声明文档类型 为 html5 --> <!doctype html> <!-- 声明页面内容主要为 中文简体 --> <html lang="zh-cn"> <head> <!-- 声明页面编码 为 utf-8 --> <meta charset="utf-8"> <!-- x-ua-compatible 浏览器兼容模式 这是个是ie8的专用标记,用来指定ie8浏览器去模拟某个特定版本的ie浏览器的渲染方式(比如人见人烦的ie6)，以此来解决部分兼容问题 --> <!-- 详情见 http://www.cnblogs.com/lovecode/articles/3377505.html --> <meta http-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 最小缩放比 --> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ --> <title>bootstrap 模板</title> <!-- bootstrap --> <link href="lib/bootstrap/css/bootstrap.css" rel="stylesheet"> <!-- respond 异步加载的 本地打开 不生效 需要使用服务器，例如在 apache 上打开--> <!-- html5 shim and respond.js for ie8 support of html5 elements and media queries --> <!-- warning: respond.js doesn't work if you view the page via file:// --> <!-- 只有ie才识别的注释 --> <!-- 不支持h5标签的浏览器需要引用 html5shiv.js 包 --> <!-- 不支持媒体查询的浏览器 需引入 respond.js 包 --> <!--[if lt ie 9]> <script src="lib/html5shiv/html5shiv.min.js"></script> <script src="lib/respond/respond.js"></script> <![endif]--> </head> <body> <!-- 删掉下面的标题 就可以填写内容了 --> <h1>你好，世界！</h1> <!-- 填写内容区 --> <!-- jquery (necessary for bootstrap's javascript plugins) bootstrap基于jquery 所以jquery要先引入 --> <script src="lib/jquery/jquery.js"></script> <!-- include all compiled plugins (below), or include individual files as needed --> <script src="lib/bootstrap/js/bootstrap.js"></script> </body> </html>
所有包从本地服务器上引用，不使用cdn
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。
上一篇： hadoop日志简单分析