gpt4 book ai didi

html - 使用 Bootstraps 网格时更改主体的背景颜色

转载 作者:太空宇宙 更新时间:2023-11-03 22:49:40 25 4
gpt4 key购买 nike

我是 Bootstraps 的新手,正在尝试使用他们的 grid system .但是我现在不能改变 body 的背景颜色。我的样式表正在运行,因为我可以更改容器类的背景颜色。我假设 Bootstraps 的某些东西覆盖了我的 body 背景颜色和字体。

谢谢。

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">

因为 Bootstrap 最后包含在您的代码中,所以它的 CSS 会覆盖您在 style.css 中定义的样式。您通常应该在您使用的所有框架/库之后包含您的样式表,以便您可以在必要时正确覆盖样式。

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

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com