编程 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 cookie插件代码类

May 26 Javascript

js cookies实现简单统计访问次数

Nov 24 Javascript

jQueryUI的Dialog的简单封装

Jun 07 Javascript

JavaScript学习笔记之定时器

Jan 22 Javascript

jQuery Easyui快速入门教程

Aug 21 Javascript

将json转换成struts参数的方法

Nov 08 Javascript

jquery.multiselect多选下拉框实现代码

Nov 11 Javascript

在angular 6中使用 less 的实例代码

May 13 Javascript

一个简单的node.js界面实现方法

Jun 01 Javascript

微信小程序如何刷新当前界面的实现方法

Jun 07 Javascript

Vue路由守卫之路由独享守卫

Sep 25 Javascript

JavaScript中的全局属性与方法深入解析

Jun 14 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 session_start()出错原因分析及解决方法

2013/10/28 PHP

生成随机字符串和验证码的类的PHP实例

2013/12/24 PHP

php创建、获取cookie及基础要点分析

2015/01/26 PHP

非常重要的php正则表达式详解

2016/01/04 PHP

php基于Fleaphp框架实现cvs数据导入MySQL的方法

2016/02/23 PHP

PHP的PDO操作简单示例

2016/03/30 PHP

一段实时更新的时间代码

2006/07/07 Javascript

jquery插件开发之实现google+圈子选择功能

2014/03/10 Javascript

jquery无法设置checkbox选中即没有变成选中状态

2014/03/27 Javascript

node.js中的fs.fchmodSync方法使用说明

2014/12/16 Javascript

JavaScript实现同步于本地时间的动态时间显示方法

2015/02/02 Javascript

iScroll.js 使用方法参考

2016/05/16 Javascript

基于AngularJS实现iOS8自带的计算器

2016/09/12 Javascript

微信小程序 Nginx环境配置详细介绍

2017/02/14 Javascript

解析Vue2.0双向绑定实现原理

2017/02/23 Javascript

javascript闭包的使用之按钮切换功能

2018/08/30 Javascript

微信小程序动态增加按钮组件

2018/09/14 Javascript

vue项目使用axios发送请求让ajax请求头部携带cookie的方法

2018/09/26 Javascript

vue跳转方式（打开新页面）及传参操作示例

2020/01/26 Javascript

[01:30:15]DOTA2-DPC中国联赛正赛 Ehome vs Aster BO3 第二场 2月2日

2021/03/11 DOTA

Python中定时任务框架APScheduler的快速入门指南

2017/07/06 Python

python出现"IndentationError: unexpected indent"错误解决办法

2017/10/15 Python

Python定义函数功能与用法实例详解

2019/04/08 Python

Python3.5面向对象程序设计之类的继承和多态详解

2019/04/24 Python

python pytest进阶之fixture详解

2019/06/27 Python

使用python 写一个静态服务(实战)

2019/06/28 Python

python中enumerate() 与zip()函数的使用比较实例分析

2019/09/03 Python

Windows下Pycharm远程连接虚拟机中Centos下的Python环境(图文教程详解)

2020/03/19 Python

分享一个python的aes加密代码

2020/12/22 Python

CSS 3.0 结合video视频实现的创意开幕效果

2020/06/01 HTML / CSS

Canvas环形饼图与手势控制的实现代码

2019/11/08 HTML / CSS

美国最灵活的移动提供商：Tello

2017/07/18 全球购物

伯利陶器：Burleigh Pottery

2018/01/03 全球购物

教师自我鉴定范文

2013/11/10 职场文书

募捐倡议书怎么写

2014/05/14 职场文书

小学数学国培研修日志

2015/11/13 职场文书