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 相关文章推荐
JSON 数据格式介绍
Jan 13 Javascript
用js读、写、删除Cookie代码续篇
Dec 03 Javascript
javascript实现修改微信分享的标题内容等
Dec 11 Javascript
jQuery回调函数的定义及用法实例
Dec 23 Javascript
Jquery ajax 同步阻塞引起的UI线程阻塞问题
Nov 17 Javascript
JS实现“隐藏与显示”功能(多种方法)
Nov 24 Javascript
Angularjs分页查询的实现
Feb 24 Javascript
node.js中express-session配置项详解
May 31 Javascript
静态页面实现 include 引入公用代码的示例
Sep 25 Javascript
教你如何编写Vue.js的单元测试的方法
Oct 17 Javascript
vue+django实现一对一聊天功能的实例代码
Jul 17 Javascript
解决vue-photo-preview 异步图片放大失效的问题
Jul 29 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
COM in PHP (winows only)
2006/10/09 PHP
PHP has encountered an Access Violation
2007/01/15 PHP
浅析Mysql 数据回滚错误的解决方法
2013/08/05 PHP
Symfony2函数用法实例分析
2016/03/18 PHP
PHP实现微信商户支付企业付款到零钱功能
2018/09/30 PHP
Document 对象的常用方法
2009/07/31 Javascript
jquery的键盘事件修改代码
2011/02/24 Javascript
jquery ajax 简单范例(界面+后台)
2013/11/19 Javascript
随鼠标上下滚动的jquery代码
2013/12/05 Javascript
jQuery弹出框代码封装DialogHelper
2015/01/30 Javascript
极力推荐一款小巧玲珑的可视化编辑器bootstrap-wysiwyg
2016/05/27 Javascript
解决同一页面中两个iframe互相调用jquery,js函数的方法
2016/12/12 Javascript
ReactNative短信验证码倒计时控件的实现代码
2017/07/20 Javascript
使用D3.js制作图表详解
2017/08/13 Javascript
js实现同一个页面,多个enter事件绑定的示例
2018/10/10 Javascript
vue工程全局设置ajax的等待动效的方法
2019/02/22 Javascript
JavaScript多种滤镜算法实现代码实例
2019/12/10 Javascript
Python with的用法
2014/08/22 Python
python集合用法实例分析
2015/05/30 Python
python实现音乐下载的统计
2018/06/20 Python
python爬虫 爬取超清壁纸代码实例
2019/08/16 Python
Django框架安装方法图文详解
2019/11/04 Python
Python 使用threading+Queue实现线程池示例
2019/12/21 Python
Python flask框架端口失效解决方案
2020/06/04 Python
Python实现随机爬山算法
2021/01/29 Python
印尼美容产品购物网站:PerfectBeauty.id
2017/12/01 全球购物
质检员的岗位职责
2013/11/15 职场文书
工程造价专业大学生职业生涯规划书
2014/01/18 职场文书
七匹狼男装广告词
2014/03/21 职场文书
微笑面对生活演讲稿
2014/05/13 职场文书
投标文件签署授权委托书范本
2014/10/12 职场文书
写给妈妈的感谢信
2015/01/22 职场文书
2015年保安个人工作总结
2015/04/02 职场文书
2016年国培研修日志
2015/11/13 职场文书
Python数据类型最全知识总结
2021/05/31 Python
Nginx配置使用详解
2022/07/07 Servers