logo标签列表

为什么我的Bootstrap代码不能工作？

csstwitter-bootstrapstylesheet
7
今晚我决定尝试使用Bootstrap（只学习了大约两周的CSS/HTML），但是我遇到了一个问题。由于某种原因，我的HTML文档似乎没有链接到Bootstrap样式表。我使用了其中一个下拉代码片段，但结果没有样式化。请问有人可以看出我做错了什么吗？以下是我的HTML代码。
<!DOCTYPE html>


<html lang = "en">

<head>
<title>Test</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" />
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />

</head>
<body>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="js/bootstrap.min.js"></script>

<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>
我想知道你是否需要同时包含bootstrap.css和bootstrap.min.css。通常情况下，前者是后者的未压缩版本，你只需要其中一个即可。 - Jared Farrish
@JaredFarrish 没错，但那并不能解决问题。我对这个东西很新，所以可能是一个新手问题。 - Tom Maxwell
我也没想到会这样（所以只是留言而不是回答）。提醒一下。 - Jared Farrish
3个回答
6

所有文件都在正确的文件夹中吗？你正在使用相对URL，如果你刚开始编码可能会感到困惑。你的文件夹结构如何？index.html和css文件夹是否在同一个目录中？

2
这个网站现在无法使用，显示404错误，提示说这里没有GitHub Pages网站。 - Mahantesh. N. Hadimani.
0
尝试添加 "style="display: block; position: static; margin-bottom: 5px; *width: 180px"。
<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu" style="display: block; position: static; margin-bottom: 5px; *width: 180px;">
            <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>
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接