编程 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 相关文章推荐

Draggable Elements 元素拖拽功能实现代码

Mar 30 Javascript

js与jquery中获取当前鼠标的x、y坐标位置的代码

May 23 Javascript

比较新旧两个数组值得增加和删除的JS代码

Oct 30 Javascript

Javascript访问器属性实例分析

Dec 30 Javascript

如何使用jquery easyui创建标签组件

Nov 18 Javascript

Bootstrap的popover(弹出框)在append后弹不出(失效)

Feb 27 Javascript

移动端Ionic App 资讯上下循环滚动的实现代码(跑马灯效果)

Aug 29 Javascript

Angular实现点击按钮控制隐藏和显示功能示例

Dec 29 Javascript

基于Vue实现微信小程序的图文编辑器

Jul 25 Javascript

Vue条件循环判断+计算属性+绑定样式v-bind的实例

Sep 18 Javascript

vue axios重复点击取消上一次请求封装的方法

Jun 19 Javascript

如何基于JavaScript判断图片是否加载完成

Dec 28 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

浅析SVN常见问题及解决方法

2013/06/21 PHP

计算php页面运行时间的函数介绍

2013/07/01 PHP

php获取新浪微博数据API实例

2013/11/12 PHP

PHP中常用的魔术方法

2017/04/28 PHP

基于Jquery的表格隔行换色，移动换色，点击换色插件

2010/12/22 Javascript

基于JQuery实现鼠标点击文本框显示隐藏提示文本

2012/02/23 Javascript

谈谈JavaScript中的函数与闭包

2013/04/14 Javascript

Jquery Ajax xmlhttp请求成功问题

2015/02/04 Javascript

jquery的幻灯片图片切换效果代码分享

2015/09/07 Javascript

Javascript 计算字符串在localStorage中所占字节数

2015/10/21 Javascript

星期几的不同脚本写法(推荐)

2016/06/01 Javascript

分享一个插件实现水珠自动下落效果

2016/06/01 Javascript

微信小程序左滑删除效果的实现代码

2017/02/20 Javascript

详解javascript appendChild()的完整功能

2018/08/18 Javascript

vue动画打包后失效问题的解决方法

2018/09/18 Javascript

node.js实现上传文件功能

2019/07/15 Javascript

JavaScript类的继承多种实现方法

2020/05/30 Javascript

JavaScript监听键盘事件代码实现

2020/06/03 Javascript

解决vue使用vant下拉框van-dropdown-item 绑定title值不变问题

2020/08/05 Javascript

[01:54]胎教DOTA2 准妈妈玩家现身中国区预选赛

2016/06/26 DOTA

[01:08:24]DOTA2-DPC中国联赛正赛 RNG vs Phoenix BO3 第一场 2月5日

2021/03/11 DOTA

Python开发WebService系列教程之REST,web.py,eurasia,Django

2014/06/30 Python

Python 多线程的实例详解

2017/09/07 Python

python使用openpyxl库修改excel表格数据方法

2018/05/03 Python

python抽取指定url页面的title方法

2018/05/11 Python

TensorFlow数据输入的方法示例

2018/06/19 Python

Python生成器generator用法示例

2018/08/10 Python

PyQt5实现QLineEdit添加clicked信号的方法

2019/06/25 Python

如何用Anaconda搭建虚拟环境并创建Django项目

2020/08/02 Python

django使用channels实现通信的示例

2020/10/19 Python

为你的html5网页添加音效示例

2014/04/03 HTML / CSS

网络研修随笔感言

2014/02/17 职场文书

中国梦团日活动总结

2014/07/07 职场文书

基层党员对照检查材料

2014/09/24 职场文书

商铺门面租房协议书

2014/10/21 职场文书

会计岗位职责

2015/02/03 职场文书