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 相关文章推荐
(转载)JavaScript中匿名函数,函数直接量和闭包
May 08 Javascript
脚本安需导入(装载)的三种模式的对比
Jun 24 Javascript
mysql输出数据赋给js变量报unterminated string literal错误原因
May 22 Javascript
基于bootstrap3和jquery的分页插件
Jul 31 Javascript
让你一句话理解闭包(简单易懂)
Jun 03 Javascript
vue.js内置组件之keep-alive组件使用
Jul 10 Javascript
JS 封装父页面子页面交互接口的实例代码
Jun 25 Javascript
小程序分页实践之编写可复用分页组件
Jul 18 Javascript
LayUI数据接口返回实体封装的例子
Sep 12 Javascript
微信小程序 wx.getUserInfo引导用户授权问题实例分析
Mar 09 Javascript
浅谈实现在线预览PDF的几种解决办法
Aug 10 Javascript
Vue Element校验validate的实例
Sep 21 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中通过语义URL防止网站被攻击的方法分享
2011/09/08 PHP
php面象对象数据库操作类实例
2014/12/02 PHP
PHP实现的链式队列结构示例
2017/09/15 PHP
用PHP的反射实现委托模式的讲解
2019/03/22 PHP
php写app用的框架整理
2019/09/29 PHP
很可爱的输入框
2008/08/03 Javascript
写js时遇到的一些小问题
2010/12/06 Javascript
控制文字内容的显示与隐藏示例
2014/06/11 Javascript
javascript函数中参数传递问题示例探讨
2014/07/31 Javascript
基于BootStrap Metronic开发框架经验小结【八】框架功能总体界面介绍
2016/05/12 Javascript
Angular 2父子组件数据传递之@Input和@Output详解(下)
2017/07/05 Javascript
Vue 项目代理设置的优化
2018/04/17 Javascript
JS+HTML5 canvas绘制验证码示例
2018/12/05 Javascript
JS常见面试试题总结【去重、遍历、闭包、继承等】
2019/08/27 Javascript
ES6之Proxy的get方法详解
2019/10/11 Javascript
js实现拖动缓动效果
2020/01/13 Javascript
[02:10]探秘浦东源深体育馆 DOTA2 Supermajor不见不散
2018/05/17 DOTA
python发送邮件示例(支持中文邮件标题)
2014/02/16 Python
python中的set实现不重复的排序原理
2018/01/24 Python
Python向Excel中插入图片的简单实现方法
2018/04/24 Python
opencv python 图像去噪的实现方法
2018/08/31 Python
对python周期性定时器的示例详解
2019/02/19 Python
django页面跳转问题及注意事项
2019/07/18 Python
解决keras,val_categorical_accuracy:,0.0000e+00问题
2020/07/02 Python
用python对excel查重
2020/12/07 Python
python 实现百度网盘非会员上传超过500个文件的方法
2021/01/07 Python
opencv实现图像几何变换
2021/03/24 Python
电大自我鉴定范文
2013/10/01 职场文书
教师敬业奉献模范事迹材料
2014/05/18 职场文书
安全环保标语
2014/06/09 职场文书
七一讲话心得体会
2014/09/05 职场文书
标准版离职证明书
2014/09/12 职场文书
罚站检讨书
2015/01/29 职场文书
2015年学校保卫部工作总结
2015/05/11 职场文书
写作之关于描写老人的好段摘抄
2019/11/14 职场文书
CSS3新特性详解(五):多列columns column-count和flex布局
2021/04/30 HTML / CSS