繁体   English   中英

Bootstrap - 未加载CSS文件

[英]Bootstrap - CSS file not loading

我有一些问题重新启动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>

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

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

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

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

如果您的html与css是同一个文件夹? 然后没有css文件夹或你的html在css文件夹中我是对的吗?

尝试这样的事情

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

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

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

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

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

希望有所帮助。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM