Question

我有一些问题重新启动Bootstrap，我正在遵循一个基本的教程，但所有工作但CSS文件没有正确加载。我在StackOverflow上搜索过，但没有一个工作。我的HTML文件与css文件夹位于完全相同的文件夹中。这是我的代码：

<!DOCTYPE html>
<html>

<head>
    <meta charset=”utf-8”></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”></script>
</body>

</html>

Answer 1

看起来像花哨的引用隐藏在你的代码中，如以下两行所示：

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

注意内部和外部引号之间的区别。相同的引号位于meta标记，样式表的link和最终的script代码中。

用标准引号替换花哨的引号，只要您的目录结构正确，它就应该有效。

Answer 2

如果您的html与css是同一个文件夹？那么没有css文件夹，或者你的html在css文件夹中，我是对的吗？

尝试这样的事情

<link rel=”stylesheet” href=”bootstrap.css” type=”text/css”/>

Answer 3

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

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

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

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

希望有所帮助。

Bootstrap - 未加载CSS文件

3 个答案: