我是Bootstraps的新手,尝试使用其grid system。但是我现在不能更改主体的背景颜色。我的样式表正在运行,因为我可以更改容器类的背景颜色。我认为Bootstraps会覆盖我的身体背景颜色和字体。

谢谢。

的HTML

<!DOCTYPE HTML>
<html lang="en">
    <head>
        <link rel="stylesheet" href="styles/style.css">
        <link rel="stylesheet" href="styles/bootstrap.min.css">
    </head>
    <body>
        <div class="container">
            <div class="clearfix">
                <div class="col-md-6">.col-md-6</div>
                <div class="col-md-6">.col-md-6</div>
            </div>
        </div>
    </body>
</html>


的CSS

body{
    font-family: Arial;
    background-color: #455A64;
}

最佳答案

您应该在Bootstrap之后添加样式表,如下所示:

<link rel="stylesheet" href="styles/bootstrap.min.css">
<link rel="stylesheet" href="styles/style.css">


由于引导程序最后包含在您的代码中,因此它的CSS会覆盖您在style.css中定义的样式。通常,应在使用的所有框架/库之后包括样式表,以便在必要时可以适当地覆盖样式。

关于html - 使用Bootstraps网格时更改主体的背景颜色,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/40599883/

10-11 09:15