目前正在尝试使用 bootstrap 创建一个简单的下拉侧边栏。 下面是我的 html 代码:
<html>
<head>
<title>Sidebar</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link type="text/css" rel="stylesheet" href="bootstrap.css">
<link type="text/css" rel="stylesheet" href="common.css"/>
</head>
<body>
<div class="col-sm-3">
<ul class="nav nav-sidebar">
<li class="row"><a href="#" data-toggle="dropdown">Item 1</a>
<ul class="dropdown-menu">
<li><a href="#">Item 1A</a></li>
<li><a href="#">Item 1B</a></li>
<li><a href="#">Item 1C</a></li>
</ul>
</li>
<li class="row"><a href="#" data-toggle="dropdown">Item 2</a>
<ul class="dropdown-menu">
<li><a href="#">Item 2A</a></li>
<li><a href="#">Item 2B</a></li>
</ul>
</li>
</ul>
</div>
</body>
这是我的 common.css:
.row{
background-color:#ffff99;
border:2px solid black;
}
当我点击元素 1 或元素 2 时,边栏不会下拉。知道哪里出了问题吗?
最佳答案
看看 Bootstrap 网站上的基本模板
http://getbootstrap.com/getting-started/#template
在 HTML block 的底部,他们引用了两个您丢失的 javascript 文件。
关于html - 我的 html bootstrap 侧边栏元素不会下拉,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29158196/