Bootstrap基本模板的使用和理解1

困难是动摇者和懦夫掉队回头的便桥;但也是勇敢者前进的脚踏石。我不识何谓君子,但看每事肯吃亏者便是;我不识何谓小人,但看每事好占便宜者便是。

本文实例为大家分享了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 rel="nofollow noopener noreferrer" 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 select2 动态从后台Ajax动态获取数据的代码

MVC遇上bootstrap后的ajax表单验证

浅谈Bootstrap的DatePicker日期范围选择

bootstrap datepicker的基本使用好代码教程

Bootstrap 时间日历插件bootstrap-datetimepicker配置与应用小结