1

我从他们的网站下载了 Bootstrap 代码。我在引导目录中编写了以下 HTML 文件（以便相对路径正确）

<!DOCTYPE html>


<html lang = "en">

<head>
<title>Test</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" />
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="js/bootstrap.min.js"></script>

</head>
<body>

Hello world
<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
<li><a tabindex="-1" href="#">Action</a></li>
<li><a tabindex="-1" href="#">Another action</a></li>
<li><a tabindex="-1" href="#">Something else here</a></li>
<li class="divider"></li>
<li><a tabindex="-1" href="#">Separated link</a></li>
</ul>

</body>
</html>

当我在 chrome 中打开该文件时，除了“Hello World”之外，我什么也没看到。我看到了另一个问题为什么我的引导代码不起作用？ 我已经注意相对路径是正确的，但代码仍然无法正常工作。我确信它非常愚蠢。谁能帮我发现它？

4

1 回答 1

2

Bootstrap 可以正常工作，您的问题是您从 bootstrap 文档中复制并粘贴了错误的代码。

看起来您刚刚复制并粘贴了位于 components.html 页面顶部的代码。

这纯粹是为了说明什么是可能的。如果你只想显示这个，你也想改变它：

<ul class='dropdown-menu' role='menu' aria-labelledby='dropdownMenu' style='display: block; position: static'>

但是，对于实际的有用性，您需要阅读文档的这一部分，它将告诉您如何有效地使用它。

它正确工作的JSFiddle

于 2012-12-18T16:38:12.363 回答