Css 在其他文件夹中时无法正常工作答案

【问题标题】：Css doesn't work properly when is in other folderCss 在其他文件夹中时无法正常工作
【发布时间】：2014-12-03 14:29:07
【问题描述】：

我用的是bootstrap，文件和文件夹是这样的

root/css/..

当我包含<link id="bs-css" href="css/bootstrap.min.css" rel="stylesheet"> 时，它适用于根文件夹中的文件。但是，如果我在另一个文件夹中有文件并尝试包含 css 不起作用。它没有任何风格。例如

root/users/profile.php

然后我像这样包含在 profile.php 中

<link id="bs-css" href="../css/bootstrap.min.css" rel="stylesheet">

我也再次尝试了完整路径，但没有正常工作。但是如果我把 /users/ css 文件或完整文件夹放在里面 href="css/bootstrap.min.css"

【问题讨论】：

【解决方案1】：

您可以将链接更改为 URL 的完整路径，如下所示：

<link id="bs-css" href="yoursite.com/css/bootstrap.min.css" rel="stylesheet">

这应该适用于任何页面。

【讨论】：

【解决方案2】：

尝试使用 href="/css/bootstrap.min.css" 无论您的 php 或 html 文件位于何处，这都应该有效。这称为相对路径。所以..

<link id="bs-css" href="/css/bootstrap.min.css" rel="stylesheet">

只要 css 是根的直接子节点，它就应该找到它。

【讨论】：

又没有样式了。目前唯一的解决方案是将/css/ 文件夹的第二部分放在/users/ 文件夹中，这不是一个好的选择。
也许它实际上不是 root/css？会不会是 root/projectname/css？
完整路径为/home/venb/public_html/app/admins/css/。位于/app/admins/的网站
public_html 很可能被视为该文件结构中的根。尝试使用 href="/app/admins/css/bootstrap.min.css"
您可以在 html 中使用基本 href。 w3schools.com/tags/att_base_href.asp - 我就是这么做的。如果您使用 CSS 的绝对路径，respond.js 将不起作用。