Html 正在使用引导，但无法使styles.css正常工作_Html_Css_Twitter Bootstrap

Html 正在使用引导，但无法使styles.css正常工作

html css twitter-bootstrap

Html 正在使用引导，但无法使styles.css正常工作,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我试图让一个简单的引导示例工作。我现在非常渴望得到一个简单的css覆盖。我有一行注释掉了，如果我使用它，它是有效的，但是当我使用css文件时，没有任何效果。我甚至使用了实际的网站位置，这不是我想要的，但这甚至不起作用。我对这种行为感到困惑我实际上只是想在jumbotron上放置一个背景图像，但我必须让我的脚本至少读取一个css文件 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head&g

我试图让一个简单的引导示例工作。我现在非常渴望得到一个简单的css覆盖。我有一行注释掉了，如果我使用它，它是有效的，但是当我使用css文件时，没有任何效果。我甚至使用了实际的网站位置，这不是我想要的，但这甚至不起作用。我对这种行为感到困惑

我实际上只是想在jumbotron上放置一个背景图像，但我必须让我的脚本至少读取一个css文件

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>A broken test example</title>
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <link rel="stylesheet" href="http://www.virtualalchemy.org/Styles.css" type="text/css">
</head>
<body>
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="jumbotron">
                    <div class="text-center">
                        <h1>Test Example</h1>
<!--          <p style="padding-top:125px">Example</p> -->
                        <p>Example</p>
                        <a href="#" class="btn btn-lg btn-success">Get Started</a>
                    </div>
      </div>
      </div>
    </div>
  </div>
</body>


一个失败的测试示例
测试示例
范例

第6行看起来有打字错误。应具有

href

而不是

hrel

除此之外，我看不出这有什么理由不起作用。您知道您的外部样式表中只有一条规则吗？

Typo

hrel

而不是

href

似乎是打字错误…链接应该有hrefI不知道为什么我的示例有hrel，但我的网页使用了href，这就是为什么我格式化了这两行以确保我没有创建任何打字错误。您是否正确订购了样式表？自定义样式应始终位于供应商样式之后，如上面的示例所示。此外，加载站点时浏览器控制台中是否存在任何错误？页面与示例相同。简单，干净，我不明白为什么它不起作用。我甚至将href作为网页链接，以便从任何web浏览器查看该文件。尝试小写将您的href链接和物理文件名更改为小写和/或使用HTTPS？我已经尝试过不同的情况。我有一个css文件夹，我甚至将该文件移动到html文件所在的同一目录下。我将把它移到硬盘上，然后切换到file://，看看这是否至少能让它在我的客户机上运行。我已经有10多年没有接触过html了，我认为bootstrap将是一种简单的建立和运行网站的方法。