在HTML文件中链接CSS和Bootstrap

Question

我正在将.CSS文件和Bootstrap 4.2.1链接到我的HTML文件。 .CSS链接不正确。将.css链接到HTML文件的正确方法是什么？引导程序有效，但CSS无效

我尝试更改链接的顺序。 我还确保我的HTML和CSS文件位于同一文件夹中

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
<link rel="stylesheet" href="stlye.css"/>

Answer 1

您写了 stlye 而不是样式？也许只是拼写错误 或者您可能需要指定CSS的路径 在您的CSS文件〜/ filename.css

之前的内容

Answer 2

<link rel="stylesheet" href="stlye.css"/>应该是<link rel="stylesheet" href="style.css"/> 您拼写错误的样式。另外，请确保style.css与index.html位于同一文件夹/路径（或您正在使用的任何.html页面），否则请确保指定路径如下：{{1} }。

Answer 3

很高兴您最近加入了StackOverflow！

检查样式文件是否存在 ，并且您要导入的样式表具有正确的名称和相对路径。也就是说，如果您的CSS位于html文件的同一文件夹中，请使用<link rel="stylesheet" href="style.css"/>。否则，请为您的文件提供正确的路由。 例如，如果您的CSS位于app / assets文件夹中，则为<link rel="stylesheet" href="./app/assets/style.css"/>。

问候，米格尔