Bootstrap基本模板的使用和理解1


Posted in Javascript onDecember 14, 2016

本文实例为大家分享了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

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jQuery 加上最后自己的验证
Nov 04 Javascript
javascript如何使用bind指定接收者
May 04 Javascript
js跨域访问示例(客户端/服务端)
May 19 Javascript
jQuery实现360°全景拖动展示
Mar 18 Javascript
js实现圆盘记速表
Aug 03 Javascript
js实现点击向下展开的下拉菜单效果代码
Sep 01 Javascript
jQuery简单实现两级下拉菜单效果代码
Sep 15 Javascript
JavaScript性能优化之小知识总结
Nov 20 Javascript
jquery层级选择器(匹配父元素下的子元素实现代码)
Sep 05 Javascript
vue使用vue-cli快速创建工程
Jul 28 Javascript
完美解决linux下node.js全局模块找不到的情况
May 16 Javascript
详解Vue 换肤方案验证
Aug 28 Javascript
Bootstrap栅格系统的使用和理解2
Dec 14 #Javascript
jQuery的extend方法【三种】
Dec 14 #Javascript
AngularJS实现给动态生成的元素绑定事件的方法
Dec 14 #Javascript
Bootstrap导航条的使用和理解3
Dec 14 #Javascript
jQuery学习笔记之入门
Dec 14 #Javascript
Bootstrap轮播图的使用和理解4
Dec 14 #Javascript
12 款 JS 代码测试必备工具(翻译)
Dec 13 #Javascript
You might like
如何把PHP转成EXE文件
2006/10/09 PHP
php实现的替换敏感字符串类实例
2014/09/22 PHP
简单谈谈php中ob_flush和flush的区别
2014/11/27 PHP
php绘图之加载外部图片的方法
2015/01/24 PHP
动态加载js的几种方法
2006/10/23 Javascript
jquery 问答知识整理
2010/02/11 Javascript
IE8 中使用加速器(Activities)
2010/05/14 Javascript
jquery获取下拉列表的值为null的解决方法
2011/03/18 Javascript
js导航菜单(自写)简单大方
2013/03/28 Javascript
js数组转json并在后台对其解析具体实现
2013/11/20 Javascript
巧用jquery解决下拉菜单被Div遮挡的相关问题
2014/02/13 Javascript
在Linux上用forever实现Node.js项目自启动
2014/07/09 Javascript
JavaScript常用的返回,自动跳转,刷新,关闭语句汇总
2015/01/13 Javascript
浅谈JavaScript Math和Number对象
2015/01/26 Javascript
JS实现漂亮的时间选择框效果
2016/08/20 Javascript
浅析ES6的八进制与二进制整数字面量
2016/08/30 Javascript
windows下vue.js开发环境搭建教程
2017/03/20 Javascript
微信小程序商城项目之购物数量加减(3)
2017/04/17 Javascript
Webpack打包css后z-index被重新计算的解决方法
2017/06/18 Javascript
纯JS实现的读取excel文件内容功能示例【支持所有浏览器】
2018/06/23 Javascript
解决element ui select下拉框不回显数据问题的解决
2019/02/20 Javascript
jQuery实现轮播图效果demo
2020/01/11 jQuery
Python中使用语句导入模块或包的机制研究
2015/03/30 Python
python使用Image处理图片常用技巧分析
2015/06/01 Python
python daemon守护进程实现
2016/08/27 Python
手把手教你Python yLab的绘制折线图的画法
2019/10/23 Python
python实现自动化报表功能(Oracle/plsql/Excel/多线程)
2019/12/02 Python
Python错误的处理方法
2020/06/23 Python
filter使用python3代码进行迭代元素的实例详解
2020/12/03 Python
Canvas图片分割效果的实现
2019/07/29 HTML / CSS
美国在线咖啡、茶和餐厅供应商:LollicupStore
2018/05/04 全球购物
L*SPACE官网:比基尼、泳装和度假服装
2019/03/18 全球购物
意大利中国电子产品购物网站:Geekmall.com
2019/09/30 全球购物
公司股东合作协议书
2014/09/14 职场文书
2014年语文教学工作总结
2014/12/17 职场文书
婚礼答谢词
2015/01/04 职场文书