Html 我的CSS不适用于boostrap 3_Html_Css_Twitter Bootstrap

Html 我的CSS不适用于boostrap 3

html css twitter-bootstrap

Html 我的CSS不适用于boostrap 3,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我开始使用Bootstrap3（最新版本）构建一个网页，由于某些原因，我似乎无法添加背景图像编码正确，所有文件都在正确的文件夹中，等等最后，我决定创建另一个带有精确编码的网页。唯一的区别是我的css样式表不在css文件夹中。我刷新并显示背景图像。当我将css文件移回css文件夹时，图像就消失了发生了什么事？文件名是正确的，我添加了正确的路径，除了背景图像之外，我还添加了一些其他样式，无论css文件是否在文件夹中，它们似乎都工作得很好 CSS文件位于CSS文件夹中的HTML <!DOC

我开始使用Bootstrap3（最新版本）构建一个网页，由于某些原因，我似乎无法添加背景图像

编码正确，所有文件都在正确的文件夹中，等等

最后，我决定创建另一个带有精确编码的网页。唯一的区别是我的css样式表不在css文件夹中。我刷新并显示背景图像。当我将css文件移回css文件夹时，图像就消失了

发生了什么事？文件名是正确的，我添加了正确的路径，除了背景图像之外，我还添加了一些其他样式，无论css文件是否在文件夹中，它们似乎都工作得很好

CSS文件位于CSS文件夹中的HTML

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Home</title>

    <!--Bootstrap css -->
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">

    <!--Custom css -->
    <link rel="stylesheet" type="text/css" href="css/style.css">
</head>
</html>

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Home</title>

    <!--Bootstrap css -->
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">

    <!--Custom css -->
    <link rel="stylesheet" type="text/css" href="style.css">
</head>
</html>

如果将css文件移动到css文件夹，css文件中的图像url也应更改。如果您的css文件位于css文件夹中，并且图像位于根目录中，则图像url应为背景：url（../background.jpg）

意味着进入一个文件夹并搜索图像。

如果将css文件移动到css文件夹中，css文件中的图像url也应该更改。如果您的css文件位于css文件夹中，并且图像位于根目录中，则图像url应为背景：url（../background.jpg）

意味着进入一个文件夹并搜索图像。

尝试更改相对于css文件夹的背景url欢迎使用StackOverflow。请随问题提供相关代码。此外，请查看此链接以获取有关如何在此处提问的提示。嗨！你能把html和css文件都添加到你的问题中吗？所以我们可以看到发生了什么？请查看和。图像位于根文件夹中。图像不应该在根文件夹或img文件夹中吗？我被告知所有css都应该放在一个文件夹中，所有img都应该放在自己的文件夹中，以保持根文件夹整洁有序。请尝试更改相对于css文件夹的背景url欢迎使用StackOverflow。请随问题提供相关代码。此外，请查看此链接以获取有关如何在此处提问的提示。嗨！你能把html和css文件都添加到你的问题中吗？所以我们可以看到发生了什么？请查看和。图像位于根文件夹中。图像不应该在根文件夹或img文件夹中吗？我被告知所有css都应该放在一个文件夹中，所有img都应该放在自己的文件夹中，以保持根文件夹整洁有序。那么img url应该是怎样的呢？我正在使用的图像还不在任何文件夹中。那么图像在哪里？它在根文件夹中，这就是为什么链接只是“background:url（background.jpg）”如果要将css文件放在css文件夹中，将图像放在根文件夹中，请使用“background:url（../background.jpg）”。这两个点使它从css文件夹转到根目录以搜索图像。它工作！！我觉得有点傻，因为有点，图像没有显示出来。谢谢那么img url应该是怎样的呢？我正在使用的图像还不在任何文件夹中。那么图像在哪里？它在根文件夹中，这就是为什么链接只是“background:url（background.jpg）”如果要将css文件放在css文件夹中，将图像放在根文件夹中，请使用“background:url（../background.jpg）”。这两个点使它从css文件夹转到根目录以搜索图像。它工作！！我觉得有点傻，因为有点，图像没有显示出来。谢谢

body {
    background: url(background.jpg) no-repeat center center;
}
.container {
    color: black;
    font-weight: bold;
    font-size: 2em;
}