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 新建的元素事件绑定问题解决方案
Jun 12 Javascript
jquery动态分页效果堪比时光网
Sep 25 Javascript
jQuery中ajax的load()与post()方法实例详解
Jan 05 Javascript
AngularJS 所有版本下载地址
Sep 14 Javascript
JS用斜率判断鼠标进入DIV四个方向的方法
Nov 07 Javascript
jQuery animate()实现背景色渐变效果的处理方法【使用jQuery.color.js插件】
Mar 15 Javascript
Angular directive递归实现目录树结构代码实例
May 05 Javascript
微信小程序实现全国机场索引列表
Jan 31 Javascript
微信小程序签到功能
Oct 31 Javascript
如何优雅地在vue中添加权限控制示例详解
Mar 07 Javascript
node.js实现带进度条的多文件上传
Mar 27 Javascript
小程序调用微信支付的方法
Sep 26 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开发环境配置记录
2011/01/14 PHP
一个简洁的PHP可逆加密函数(分享)
2013/06/06 PHP
php+Mysqli利用事务处理转账问题实例
2015/02/11 PHP
YII2.0之Activeform表单组件用法实例
2016/01/09 PHP
ecshop添加菜单及权限分配问题
2017/11/21 PHP
laravel 输出最后执行sql 附:whereIn的使用方法
2019/10/10 PHP
utf8的编码算法 转载
2006/12/27 Javascript
Javascript 获取字符串字节数的多种方法
2009/06/02 Javascript
javascript 一段左右两边随屏滚动的代码
2009/06/18 Javascript
js实现简单排列组合的方法
2016/01/27 Javascript
Bootstrap每天必学之导航条(二)
2016/03/01 Javascript
javascript 常用验证函数总结
2016/06/28 Javascript
Bootstrap页面标题Page Header的实现方法
2017/03/22 Javascript
详解在vue-cli项目中安装node-sass
2017/06/21 Javascript
php register_shutdown_function函数详解
2017/07/23 Javascript
利用vue和element-ui设置表格内容分页的实例
2018/03/02 Javascript
layui点击数据表格添加或删除一行的例子
2019/09/12 Javascript
详细介绍解决vue和jsp结合的方法
2020/02/06 Javascript
[03:12]完美世界DOTA2联赛PWL DAY9集锦
2020/11/10 DOTA
Python使用getpass库读取密码的示例
2017/10/10 Python
tensorflow学习笔记之简单的神经网络训练和测试
2018/04/15 Python
Python实现的多叉树寻找最短路径算法示例
2018/07/30 Python
Python concurrent.futures模块使用实例
2019/12/24 Python
Python模拟登入的N种方式(建议收藏)
2020/05/31 Python
使用css3和jquery实现可伸缩搜索框
2014/02/12 HTML / CSS
新西兰领先的鞋类和靴子网上商城:Merchant 1948
2017/09/08 全球购物
美国在线打印网站:Overnight Prints
2018/10/11 全球购物
英国计算机商店:Technextday
2019/12/28 全球购物
阿迪达斯越南官网:adidas越南
2020/07/19 全球购物
网络工程与软件技术毕业生自荐信
2013/09/24 职场文书
法学专业个人求职信
2013/09/26 职场文书
师范教师毕业鉴定
2014/01/13 职场文书
实习生评语
2014/04/26 职场文书
公司员工离职感言
2015/08/03 职场文书
《乘法分配律》教学反思
2016/02/24 职场文书
导游词之广西漓江
2019/11/02 职场文书