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

textarea焦点的用法实现获取焦点清空失去焦点提示效果

May 19 Javascript

浅谈JS中的!=、== 、!==、===的用法和区别

Sep 24 Javascript

jquery精度计算代码 jquery指定精确小数位

Feb 06 Javascript

BootstrapTable refresh 方法使用实例简单介绍

Feb 20 Javascript

微信小程序中hidden不生效原因的解决办法

Apr 26 Javascript

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

May 22 Javascript

Vue.js移动端左滑删除组件的实现代码

Sep 08 Javascript

Vue表情输入组件微信face表情组件

Feb 11 Javascript

JS script脚本中async和defer区别详解

Jun 24 Javascript

vue data对象重新赋值无效(未更改)的解决方式

Jul 24 Javascript

vue vant中picker组件的使用

Nov 03 Javascript

Vue图片裁剪组件实例代码

Jul 02 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 header()函数使用说明

2008/07/10 PHP

php cookis创建实现代码

2009/03/16 PHP

php入门教程精简版

2009/12/13 PHP

PHP is_dir() 判断给定文件名是否是一个目录

2010/05/10 PHP

php使用ZipArchive提示Fatal error: Class ZipArchive not found in的解决方法

2014/11/04 PHP

PHPExcel笔记, mpdf导出

2016/05/03 PHP

PHP对象实例化单例方法

2017/01/19 PHP

实现laravel 插入操作日志到数据库的方法

2019/10/11 PHP

javascript 获取网页参数系统

2008/07/19 Javascript

jQuery 常见学习网站与参考书

2009/11/09 Javascript

JS弹出对话框返回值代码(asp.net后台)

2010/12/28 Javascript

window.dialogArguments 使用说明

2011/04/11 Javascript

基于jquery的当鼠标滚轮到最底端继续加载新数据思路分享(多用于微博、空间、论坛 )

2011/10/10 Javascript

JQuery中DOM加载与事件执行实例分析

2015/06/13 Javascript

轻松实现js图片预览功能

2016/01/18 Javascript

JavaScript设计模式经典之工厂模式

2016/02/24 Javascript

js控制li的隐藏和显示实例代码

2016/10/15 Javascript

67 个节约开发时间的前端开发者的工具、库和资源

2017/09/12 Javascript

Nodejs 和 Electron ubuntu下快速安装过程

2018/05/04 NodeJs

[49:08]FNATIC vs Infamous 2019国际邀请赛小组赛 BO2 第二场 8.16

2019/08/18 DOTA

[54:58]完美世界DOTA2联赛PWL S2 LBZS vs Rebirth 第一场 11.25

2020/11/25 DOTA

python使用append合并两个数组的方法

2015/04/28 Python

python读写ini配置文件方法实例分析

2015/06/30 Python

python中string模块各属性以及函数的用法介绍

2016/05/30 Python

Python解析excel文件存入sqlite数据库的方法

2016/11/15 Python

python通过百度地图API获取某地址的经纬度详解

2018/01/28 Python

Sanic框架路由用法实例分析

2018/07/16 Python

python利用百度AI实现文字识别功能

2018/11/27 Python

Python3.5 处理文本txt,删除不需要的行方法

2018/12/10 Python

python 环境搭建及python-3.4.4的下载和安装过程

2019/07/20 Python

Django Auth用户认证组件实现代码

2020/10/13 Python

使用css3制作登录表单的步骤

2014/04/07 HTML / CSS

css3实例教程一款纯css3实现的发光屏幕旋转特效

2014/12/07 HTML / CSS

公司总经理工作职责管理办法

2014/02/28 职场文书

python tkinter Entry控件的焦点移动操作

2021/05/22 Python

基于JavaScript实现省市联动效果

2021/06/22 Javascript