编程 Javascript

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

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

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

- Author -

浪迹灬天涯

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

js计数器代码

Nov 04 Javascript

JavaScript 计算当天是本年本月的第几周

Mar 22 Javascript

javascript天然的迭代器

Oct 29 Javascript

javascript实现微信分享

Dec 23 Javascript

JavaScript设计模式之建造者模式介绍

Dec 28 Javascript

浅谈几种常用的JS类定义方法

Jun 08 Javascript

bootstrap模态框远程示例代码分享

May 22 Javascript

vue-lazyload使用总结(推荐)

Nov 01 Javascript

js字符串类型String常用操作实例总结

Jul 05 Javascript

原生js+css调节音量滑块

Jan 15 Javascript

简单了解Vue + ElementUI后台管理模板

Apr 07 Javascript

typescript配置alias的详细步骤

Aug 12 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 随机生成10位字符代码

2009/03/26 PHP

PHP执行linux命令6个函数代码实例

2020/11/24 PHP

解放web程序员的输入验证

2006/10/06 Javascript

JavaScript面向对象程序设计三原型模式（上）

2011/12/21 Javascript

JavaScript获得表单target属性的方法

2015/04/02 Javascript

在jQuery中处理XML数据的大致方法

2015/08/14 Javascript

Angular2学习笔记——详解NgModule模块

2016/12/02 Javascript

JS常见疑难点分析之match，charAt，charCodeAt，map，search用法分析

2016/12/25 Javascript

nodejs 实现钉钉ISV接入的加密解密方法

2017/01/16 NodeJs

使用 vue.js 构建大型单页应用

2018/02/10 Javascript

Vue开发实现吸顶效果的示例代码

2018/08/21 Javascript

webpack4.x下babel的安装、配置及使用详解

2019/03/07 Javascript

VUE解决微信签名及SPA微信invalid signature问题(完美处理)

2019/03/29 Javascript

es6函数之尾递归用法实例分析

2020/04/25 Javascript

Vant picker 多级联动操作

2020/11/02 Javascript

[04:44]显微镜下的DOTA2第二期——你所没有注意到的细节

2014/06/20 DOTA

[59:44]2018DOTA2亚洲邀请赛 3.31 小组赛 B组 paiN vs iG

2018/03/31 DOTA

python调用fortran模块

2016/04/08 Python

python difflib模块示例讲解

2017/09/13 Python

Python3内置模块pprint让打印比print更美观详解

2019/06/02 Python

在Python中过滤Windows文件名中的非法字符方法

2019/06/10 Python

用python打印菱形的实操方法和代码

2019/06/25 Python

Python namedtuple命名元组实现过程解析

2020/01/08 Python

Python3 用什么IDE开发工具比较好

2020/11/28 Python

澳大利亚在线消费电子产品商店：TobyDeals

2020/01/05 全球购物

一道输出判断型Java面试题

2014/10/01 面试题

会计专业毕业生推荐信

2013/11/05 职场文书

项目经理岗位职责

2013/11/11 职场文书

体育老师的教学自我评价分享

2013/11/19 职场文书

门卫岗位安全职责

2013/12/13 职场文书

运动会入场式解说词

2014/02/18 职场文书

国家奖学金获奖感言

2014/08/16 职场文书

个人年终总结范文

2015/03/09 职场文书

无违反计划生育证明格式

2015/06/24 职场文书

自书遗嘱范文

2015/08/07 职场文书

Java实现房屋出租系统详解

2021/10/05 Java/Android