gpt4 book ai didi

html - 我的 html bootstrap 侧边栏元素不会下拉

转载 作者:太空宇宙 更新时间:2023-11-04 12:09:13 25 4
gpt4 key购买 nike

目前正在尝试使用 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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com