Question

我从他们的网站下载了Bootstrap代码。我在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”之外我什么都看不见。我看到了另一个问题Why is my Bootstrap code not working? 我已经注意到相对路径是正确的，但代码仍然无效。我确信它非常愚蠢。谁能帮我发现它？

Answer 1

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

您好像刚刚复制并粘贴了components.html页面here顶部的代码。

这完全是说明可行的。如果你想要出现这个，你也想改变它：

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

但实际上有用，你想阅读文档的this部分，它将告诉你如何有效地使用它。

JSFiddle它正常工作

为什么我的Bootstrap代码不起作用

1 个答案: