编程 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学习笔记二之变量

Dec 15 Javascript

利用javascript解决图片缩放及其优化的代码

May 23 Javascript

JavaScript中json对象和string对象之间相互转化

Dec 26 Javascript

JavaScript将Web页面内容导出到Word及Excel的方法

Feb 13 Javascript

js实现Form栏显示全格式时间时钟效果代码

Aug 19 Javascript

JavaScript数组操作函数汇总

Aug 05 Javascript

基于Javascript实现文件实时加载进度的方法

Oct 12 Javascript

JavaScript学习笔记--常用的互动方法

Dec 07 Javascript

Bootstrap多级菜单的实现代码

May 23 Javascript

bootstrap 通过加减按钮实现输入框组功能

Nov 15 Javascript

vue下载excel的实现代码后台用post方法

May 10 Javascript

vue3使用vue-router的完整步骤记录

Jun 20 Vue.js

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 zend解密软件绿色版测试可用

2008/04/14 PHP

php str_pad() 将字符串填充成指定长度的字符串

2010/02/23 PHP

PHP SPL标准库之数据结构栈(SplStack)介绍

2015/05/12 PHP

php实现求相对时间函数

2015/06/15 PHP

php自定义分页类完整实例

2015/12/25 PHP

做网页的一些技巧

2007/02/01 Javascript

js模拟类继承小例子

2010/07/17 Javascript

从零开始学习jQuery (三) 管理jQuery包装集

2011/02/23 Javascript

利用谷歌地图API获取点与点的距离的js代码

2012/10/11 Javascript

JS拖拽组件学习使用

2016/01/19 Javascript

JavaScript的Ext JS框架中的GridPanel组件使用指南

2016/05/21 Javascript

AngularJS封装指令方法详解

2016/12/12 Javascript

基于jQuery对象和DOM对象和字符串之间的转化实例

2017/08/08 jQuery

基于node.js express mvc轻量级框架实践

2017/09/14 Javascript

详解PHP后期静态绑定分析与应用

2018/03/21 Javascript

使用ng-packagr打包Angular的方法示例

2018/09/21 Javascript

详解vue中移动端自适应方案

2019/05/05 Javascript

微信小程序自定义多列选择器使用详解

2019/06/21 Javascript

vue 返回上一页,页面样式错乱的解决

2019/11/14 Javascript

javascript实现视频弹幕效果（两个版本）

2019/11/28 Javascript

[01:23:59]2018DOTA2亚洲邀请赛 4.1 小组赛 B组 VP vs Secret

2018/04/03 DOTA

[05:11]TI9战队采访——VIRTUSPRO

2019/08/22 DOTA

python自动化测试之从命令行运行测试用例with verbosity

2014/09/28 Python

Python Web框架Flask信号机制(signals)介绍

2015/01/01 Python

Python实现的端口扫描功能示例

2018/04/08 Python

pytorch使用horovod多gpu训练的实现

2020/09/09 Python

python中altair可视化库实例用法

2021/01/26 Python

英国和世界各地鲜花速递专家：Arena Flowers

2018/02/10 全球购物

La Senza官网：北美顶尖性感内衣品牌

2018/08/03 全球购物

企业承诺书格式

2014/05/21 职场文书

学雷锋宣传标语

2014/06/25 职场文书

银行柜员与客户起冲突检讨书

2014/09/27 职场文书

一年级数学上册复习计划

2015/01/17 职场文书

2015年园林绿化工作总结

2015/05/23 职场文书

学校2016年全国助残日活动总结

2016/04/01 职场文书

创业计划书之美容店

2019/09/16 职场文书