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

jquery 新建的元素事件绑定问题解决方案

Jun 12 Javascript

jquery动态分页效果堪比时光网

Sep 25 Javascript

jQuery中ajax的load()与post()方法实例详解

Jan 05 Javascript

AngularJS 所有版本下载地址

Sep 14 Javascript

JS用斜率判断鼠标进入DIV四个方向的方法

Nov 07 Javascript

jQuery animate()实现背景色渐变效果的处理方法【使用jQuery.color.js插件】

Mar 15 Javascript

Angular directive递归实现目录树结构代码实例

May 05 Javascript

微信小程序实现全国机场索引列表

Jan 31 Javascript

微信小程序签到功能

Oct 31 Javascript

如何优雅地在vue中添加权限控制示例详解

Mar 07 Javascript

node.js实现带进度条的多文件上传

Mar 27 Javascript

小程序调用微信支付的方法

Sep 26 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开发环境配置记录

2011/01/14 PHP

一个简洁的PHP可逆加密函数(分享)

2013/06/06 PHP

php+Mysqli利用事务处理转账问题实例

2015/02/11 PHP

YII2.0之Activeform表单组件用法实例

2016/01/09 PHP

ecshop添加菜单及权限分配问题

2017/11/21 PHP

laravel 输出最后执行sql 附:whereIn的使用方法

2019/10/10 PHP

utf8的编码算法转载

2006/12/27 Javascript

Javascript 获取字符串字节数的多种方法

2009/06/02 Javascript

javascript 一段左右两边随屏滚动的代码

2009/06/18 Javascript

js实现简单排列组合的方法

2016/01/27 Javascript

Bootstrap每天必学之导航条(二)

2016/03/01 Javascript

javascript 常用验证函数总结

2016/06/28 Javascript

Bootstrap页面标题Page Header的实现方法

2017/03/22 Javascript

详解在vue-cli项目中安装node-sass

2017/06/21 Javascript

php register_shutdown_function函数详解

2017/07/23 Javascript

利用vue和element-ui设置表格内容分页的实例

2018/03/02 Javascript

layui点击数据表格添加或删除一行的例子

2019/09/12 Javascript

详细介绍解决vue和jsp结合的方法

2020/02/06 Javascript

[03:12]完美世界DOTA2联赛PWL DAY9集锦

2020/11/10 DOTA

Python使用getpass库读取密码的示例

2017/10/10 Python

tensorflow学习笔记之简单的神经网络训练和测试

2018/04/15 Python

Python实现的多叉树寻找最短路径算法示例

2018/07/30 Python

Python concurrent.futures模块使用实例

2019/12/24 Python

Python模拟登入的N种方式(建议收藏)

2020/05/31 Python

使用css3和jquery实现可伸缩搜索框

2014/02/12 HTML / CSS

新西兰领先的鞋类和靴子网上商城：Merchant 1948

2017/09/08 全球购物

美国在线打印网站：Overnight Prints

2018/10/11 全球购物

英国计算机商店：Technextday

2019/12/28 全球购物

阿迪达斯越南官网：adidas越南

2020/07/19 全球购物

网络工程与软件技术毕业生自荐信

2013/09/24 职场文书

法学专业个人求职信

2013/09/26 职场文书

师范教师毕业鉴定

2014/01/13 职场文书

实习生评语

2014/04/26 职场文书

公司员工离职感言

2015/08/03 职场文书

《乘法分配律》教学反思

2016/02/24 职场文书

导游词之广西漓江

2019/11/02 职场文书