专栏首页OSChinaBootStarp模版

BootStarp模版

BootStarp基本模版

<!DOCTYPE html>
<html lang="zh-CN">

	<head>
		<meta charset="utf-8">
		<!--声明文档兼容模式,表示使用IE浏览器的最新模式-->
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<!--设置视口的宽度(值为设备的理想宽度),页面初始缩放值<理想宽度/可见宽度>-->
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<!-- 上述3个meta标签*必须*放在最前面,任何其他内容都*必须*跟随其后! -->
		<title>Bootstrap基本模板</title>

		<!-- 引入Bootstrap核心样式文件 -->
		<link href="../../css/bootstrap.min.css" rel="stylesheet">

		
	</head>

	<body>
		<h1>你好,世界!</h1>

		<!-- 引入jQuery核心js文件 -->
		<script src="../../js/jquery-1.11.0.min.js"></script>
		<!-- 引入BootStrap核心js文件 -->
		<script src="../../js/bootstrap.min.js"></script>
	</body>

</html>

2 完整模版

<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="utf-8">
		<!--声明文档兼容模式,表示使用IE浏览器的最新模式-->
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<!--设置视口的宽度(值为设备的理想宽度),页面初始缩放值<理想宽度/可见宽度>-->
		<!--视口的作用:在移动浏览器中,当页面宽度超出设备,浏览器内部虚拟的一个页面容器,会将页面缩放到设备这么大来展示-->	
		<!--width 	设置layout viewport  的宽度,为一个正整数,或字符串"width-device"(表示采用设备的宽度)

			initial-scale 	设置页面的初始缩放值,为一个数字,可以带小数

			minimum-scale 	允许用户的最小缩放值,为一个数字,可以带小数

			maximum-scale 	允许用户的最大缩放值,为一个数字,可以带小数

			height 	设置layout viewport  的高度,这个属性对我们并不重要,很少使用

			user-scalable 	是否允许用户进行缩放,值为"no"或"yes", no 代表不允许,yes代表允许
			如果设置"user-scalable=no",那么"minimum-scale"和"maximum-scale"无效
		-->
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<!-- 上述3个meta标签*必须*放在最前面,任何其他内容都*必须*跟随其后! -->
		<title>Bootstrap完整模板</title>

		<!-- 引入Bootstrap核心样式文件 -->
		<link href="../../css/bootstrap.min.css" rel="stylesheet">

		<!-- HTML5 Shim 和 Respond.js 用于让 IE8 支持 HTML5元素和媒体查询 -->
      	<!-- 注意: 如果通过 file://  引入 Respond.js 文件,则该文件无法起效果,必须放置到web服务器中,暂时不必掌握 -->
      <!--[if lt IE 9]>
         <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
         <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
      <![endif]-->
	</head>

	<body>
		<!--正文从此处开始-->
		<h1>你好,世界!</h1>

		<!--前端开发建议:网站优化时,除了立即需要工作的js存放在head外,将大部分JS文件放在页面的末尾-->

		<!-- 引入jQuery核心js文件,必须放置在bootStrap.js前面! -->
		<script src="../../js/jquery-1.11.0.min.js"></script>
		<!-- 引入BootStrap核心js文件 -->
		<script src="../../js/bootstrap.min.js"></script>
	</body>

</html>

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • JPush java_sdk 的使用

    用户5927264
  • Mybatis的缓存

    用户5927264
  • GIT

    1 编写忽略文件 C:\Users\shiye\Java.gitignore 详细可以参考:https://github.com/github/gitig...

    用户5927264
  • 在 RISC-V 芯片 GD32V 上运行 RT-Thread

    去年九月份的时候 RT-Thread 的 Andy Chen 组织定做了一块 GD32V 开发板,托 Andy 的福,我也搭车买了一块。

    HackforFun
  • webpack学习(二):先写几个webpack基础demo

    一、先写一个简单demo1 1-1安装好webpack后创建这样一个目录: ? 1-2:向src各文件和dist/index.html文件写入内容: <!DO...

    柴小智
  • vue-cli脚手架npm相关文件解读(3)webpack.dev.conf.js

    系列文章传送门: 1、build/webpack.base.conf.js 2、build/webpack.prod.conf.js 3、build/webp...

    SmileSmith
  • 【笔记】《C++Primer》—— 第5章:语句

    第五章的标题是语句,主要讲的是我们平时写语句的一些基本要求和例如迭代语句控制语句等概念。这篇内容比较少而且因为平时用得很多所以写的自然也会少些。

    ZifengHuang

扫码关注云+社区

领取腾讯云代金券