|
清单 2. 用于 Bootstrap (listing2.html) 的示例 HTML 文件
<!doctype html>
<html lang="en-US">
<head>
<title>Responsive Bootstrap page</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
<link href="css/bootstrap-responsive.min.css" rel="stylesheet">
</head>
<body>
<div>
<h1>Hello world!</h1>
<div>
<div id="banner">
<!-- Photo by Jake Sutton
http://www.flickr.com/photos/44124405407@N01/510899838 -->
<img src="img/sky-slim.jpg" alt="Web开发 网站策划 Bootstrap教程 bootstrap模板">
</div>
</div>
<div>
<div id="main-content">
<p>Humpts dumptus in muro sedet
</p>
<p>Veni vidi vici
</p>
<p>Alea iacta est
</p>
<hr>
</div>
<div>
<div>One</div>
<div>
The quick brown fox jumps...
</div>
<div>
<div>Two</div>
<div>
Over the lazy dog...
</div>
</div>
<div>
<div>Three</div>
<div>
To get to the other side
</div>
</div>
</div>
</div>
<div>
<div id="footer">
© Nobody! This document is placed in the public domain.
</div>
</div>
</div>
<script src="http://code.jquery.com/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>
（编辑：PHP编程网 - 湛江站长网）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!
|
