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 相关文章推荐
静态页面的值传递(三部曲)
Sep 25 Javascript
Google的跟踪代码 动态加载js代码方法应用
Nov 12 Javascript
jquery中加载图片自适应大小主要实现代码
Aug 23 Javascript
js用闭包遍历树状数组的方法
Mar 19 Javascript
一个小例子解释如何来阻止Jquery事件冒泡
Jul 17 Javascript
JS实现pasteHTML兼容ie,firefox,chrome的方法
Jun 22 Javascript
jQueryUI Datepicker组件设置日期高亮
Oct 13 Javascript
微信小程序 弹幕功能简单实例
Feb 14 Javascript
vuex state中的数组变化监听实例
Nov 06 Javascript
Vue状态模式实现窗口停靠功能(灵动、自由, 管理后台Admin界面)
Mar 06 Javascript
React Ant Design树形表格的复杂增删改操作
Nov 02 Javascript
Axios代理配置及封装响应拦截处理方式
Apr 07 Vue.js
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数组函数序列之in_array() - 查找数组中是否存在指定值
2011/11/07 PHP
php实现将base64格式图片保存在指定目录的方法
2016/10/13 PHP
PHP的PDO连接讲解
2019/01/24 PHP
开发跨浏览器javascript常见注意事项
2009/01/01 Javascript
基于jquery的无刷新分页技术
2011/06/11 Javascript
javascript获取隐藏元素(display:none)的高度和宽度的方法
2014/06/06 Javascript
Javascript实现简单的富文本编辑器附演示
2014/06/16 Javascript
js实现网页随机切换背景图片的方法
2014/11/01 Javascript
javascript实现控制div颜色
2015/07/07 Javascript
微信小程序上传图片到服务器实例代码
2017/11/07 Javascript
JS获取浏览器地址栏的多个参数值的任意值实例代码
2018/07/24 Javascript
js canvas实现画图、滤镜效果
2018/11/27 Javascript
layui输入框只允许输入中文且判断长度的例子
2019/09/18 Javascript
JavaScript设计模式之观察者模式与发布订阅模式详解
2020/05/07 Javascript
vue-cli3项目配置eslint代码规范的完整步骤
2020/09/10 Javascript
手机浏览器唤起微信分享(JS)
2020/10/11 Javascript
Python 多线程的实例详解
2017/09/07 Python
Python根据已知邻接矩阵绘制无向图操作示例
2018/06/23 Python
python正则表达式之对号入座篇
2018/07/24 Python
python下载微信公众号相关文章
2019/02/26 Python
Python eval的常见错误封装及利用原理详解
2019/03/26 Python
Python实现Linux监控的方法
2019/05/16 Python
浅谈Python中函数的定义及其调用方法
2019/07/19 Python
Python使用GitPython操作Git版本库的方法
2020/02/29 Python
Django restful framework生成API文档过程详解
2020/11/12 Python
用python获取txt文件中关键字的数量
2020/12/24 Python
以下为Windows NT 下的32 位C++程序,请计算sizeof 的值
2016/12/07 面试题
会计与审计专业大专生求职信
2013/10/03 职场文书
幼儿园端午节活动方案
2014/08/25 职场文书
会计专业自荐信范文
2015/03/05 职场文书
2016开学第一课心得体会
2016/01/23 职场文书
《一面五星红旗》教学反思
2016/02/23 职场文书
Python使用sql语句对mysql数据库多条件模糊查询的思路详解
2021/04/12 Python
Python 数据科学 Matplotlib图库详解
2021/07/07 Python
MySQL数据库如何查看表占用空间大小
2022/06/10 MySQL
Tomcat安装使用及部署Web项目的3种方法汇总
2022/08/14 Servers