1. Bootstrap简单模板

最新推荐文章于 2024-02-19 08:47:39 发布

YuhNagi

最新推荐文章于 2024-02-19 08:47:39 发布

阅读量1k

点赞数 1

分类专栏： Bootstrap 文章标签： Bootstrap 前端框架 css

本文链接：https://blog.csdn.net/YuhNagi/article/details/52781367

版权

Bootstrap 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

*简介：*Bootstrap是一款来自Twitter的**前端框架**。它是基于HTML、CSS、Javascript的。

*下载：*

官网：http://www.bootstrap.com/

中文网：http://www.bootcss.com/

<!DOCTYPE html>
<html>
<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">

	<title>Bootstrap</title>
	<!-- Bootstrap -->
	<link rel="stylesheet" href="../css/bootsrap.css" /><!-- 未经压缩的，用来调试用的 -->
	<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css"><!-- 压缩后的样式表 -->

	<!-- 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:// -->
    <!--[if lt IE 9]>
      <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

<style>
	.container{ border:1px solid #000; }
</style>
</head>

<body>
<div class="container">
	用来测试内容
</div>
</body>
<!-- 因为bootstrap的插件是以jquery为基础的，所以要在它之前引用 -->
<sctipt src="../js/jquery-1.12.2.js"></sctipt>
<sctipt src="../js/bootstrap.js"></sctipt><u>
</u></html>