<!DOCTYPE html>
<html lang="zh-cn">
<head>
<title>Bootstrap 101 Template</title>
<link rel="stylesheet" href="
http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css">
<link rel="stylesheet" href="
http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap-theme.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]-->
</head>
<body>
<div class="dropdown">
<button class="btn btn-default dropdown-toggle" type="button"
id="dropdownMenu1" data-toggle="dropdown">
下拉菜单
<span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
<li role="presentation">
<a role="menuitem" tabindex="-1" href="#">下拉菜单项</a>
</li>
<li role="presentation">
<a role="menuitem" tabindex="-1" href="#">下拉菜单项</a>
</li>
<li role="presentation">
<a role="menuitem" tabindex="-1" href="#">下拉菜单项</a>
</li>
<li role="presentation">
<a role="menuitem" tabindex="-1" href="#">下拉菜单项</a>
</li>
</ul>
</div>
<button type="button" class="btn btn-default">Default</button>
<button type="button" class="btn btn-primary">Primary</button>
</body>
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="
http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
<script src="
http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
</html>
这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。
https://www.v2ex.com/t/145195
V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。
V2EX is a community of developers, designers and creative people.