1

我在 Bootstrap 方面遇到了一些问题,我正在学习一个基本教程并且一切正常,但是 CSS 文件没有正确加载。我在 StackOverflow 上搜索过,但没有一个奏效。我的 HTML 文件与 css 文件夹位于完全相同的文件夹中。这是我的代码:

<!DOCTYPE html>
<html>

<head>
    <meta charset=”utf-8”&gt;</meta>
    <title>This is a title, oh-ehm-GHEE</title>
    <link rel=”stylesheet” href=”css/bootstrap.css” type=”text/css”/>
</head>

<body>
    <div class="”container”">
        <h1><a href="”#”">Bootstrap Site</a></h1>

        <div class="navbar">
            <div class="navbar-inner">
                <div class="container">
                    <ul class="nav">
                        <li class="active"><a href="#">Home</a></li>
                        <li><a href="#">Projects</a></li>
                        <li><a href="#">Services</a></li>
                        <li><a href="#">Downloads</a></li>
                        <li><a href="#">About</a></li>
                        <li><a href="#">Contact</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
        <script src=”js/bootstrap.js”&gt;</script>
</body>

</html>
4

3 回答 3

3

看起来像花哨的引号偷偷进入您的代码,如以下两行所示:

<div class="”container”">
<h1><a href="”#”">Bootstrap Site</a></h1>

注意内引号和外引号之间的区别。相同的引号在您的meta标签、link样式表的 和您的最终script标签中。

用标准引号替换花哨的引号,只要您的目录结构正确,它应该可以工作。

于 2013-09-18T20:06:19.017 回答
1

如果你的 html 和你的 css 是同一个文件夹?然后没有css文件夹或者你的html在css文件夹中,对吗?

尝试这样的事情

<link rel=”stylesheet” href=”bootstrap.css” type=”text/css”/>
于 2013-09-18T20:02:57.247 回答
0

您是否从http://getbootstrap.com/下载了 zip 文件?通常,CSS、ICO 和 JS 文件位于“资产”中。因此,您需要上传这些文件并在 HTML 中引用这些文件。确保您已上传文件并正确引用。

还要确保你引用了 jQuery 的 CDN 版本,如下所示:

 <script src="//code.jquery.com/jquery.js"></script>

使用 //code.jquery.... 将确保您的 JS 始终是最新的,如果您曾经在您的网站上使用“https”,您的 JS 文件也将受到保护。

希望有帮助。

于 2013-09-18T20:05:26.957 回答