BootStarp模版
BootStarp基本模版
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <!--声明文档兼容模式，表示使用IE浏览器的最新模式--> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!--设置视口的宽度(值为设备的理想宽度)，页面初始缩放值<理想宽度/可见宽度>--> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- 上述3个meta标签*必须*放在最前面，任何其余内容都*必须*跟随其后！ --> <title>Bootstrap基本模板</title> <!-- 引入Bootstrap核心样式文件 --> <link href="../../css/bootstrap.min.css" rel="stylesheet"> </head> <body> <h1>你好，世界！</h1> <!-- 引入jQuery核心js文件 --> <script src="../../js/jquery-1.11.0.min.js"></script> <!-- 引入BootStrap核心js文件 --> <script src="../../js/bootstrap.min.js"></script> </body> </html>
2 完整模版
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<!--声明文档兼容模式，表示使用IE浏览器的最新模式-->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!--设置视口的宽度(值为设备的理想宽度)，页面初始缩放值<理想宽度/可见宽度>-->
<!--视口的做用：在移动浏览器中，当页面宽度超出设备，浏览器内部虚拟的一个页面容器，会将页面缩放到设备这么大来展现-->
<!--width 设置layout viewport 的宽度，为一个正整数，或字符串"width-device"(表示采用设备的宽度)
initial-scale 设置页面的初始缩放值，为一个数字，能够带小数
minimum-scale 容许用户的最小缩放值，为一个数字，能够带小数
maximum-scale 容许用户的最大缩放值，为一个数字，能够带小数
height 设置layout viewport 的高度，这个属性对咱们并不重要，不多使用
user-scalable 是否容许用户进行缩放，值为"no"或"yes", no 表明不容许，yes表明容许
若是设置"user-scalable=no",那么"minimum-scale"和"maximum-scale"无效
-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- 上述3个meta标签*必须*放在最前面，任何其余内容都*必须*跟随其后！ -->
<title>Bootstrap完整模板</title>
<!-- 引入Bootstrap核心样式文件 -->
<link href="../../css/bootstrap.min.css" rel="stylesheet">
<!-- HTML5 Shim 和 Respond.js 用于让 IE8 支持 HTML5元素和媒体查询 -->
<!-- 注意： 若是经过 file:// 引入 Respond.js 文件，则该文件没法起效果，必须放置到web服务器中，暂时没必要掌握 -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!--正文今后处开始-->
<h1>你好，世界！</h1>
<!--前端开发建议：网站优化时，除了当即须要工做的js存放在head外，将大部分JS文件放在页面的末尾-->
<!-- 引入jQuery核心js文件，必须放置在bootStrap.js前面！ -->
<script src="../../js/jquery-1.11.0.min.js"></script>
<!-- 引入BootStrap核心js文件 -->
<script src="../../js/bootstrap.min.js"></script>
</body>
</html>
相关文章
- 1. Bootstarp 基础 基本模版
- 2. BootStarp
- 3. angular2+ 版本中使用ng-bootstarp模块中的modal模态框
- 4. Vue中引入jquery bootstarp bootstarp-table (vue 2.0)
- 5. Bootstarp总结
- 6. Bootstarp-table入门
- 7. 初探bootstarp
- 8. bootstarp-select 级联
- 9. Bootstarp selectpicker 下拉框模糊查询
- 10. bootstarp后台皮肤
- 更多相关文章...
- • MySQL的版本以及版本号 - MySQL教程
- • ASP.NET MVC - 模型 - ASP.NET 教程
- • 委托模式
- • 三篇文章了解 TiDB 技术内幕——说存储
相关标签/搜索
每日一句
-
每一个你不满意的现在，都有一个你没有努力的曾经。
欢迎关注本站公众号,获取更多信息
