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

(转载)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