我正在尝试使用图像作为我的超大屏幕的背景,但无法显示该图像。我可以很好地更改 jumbotron 的其他属性,但无法弄清楚我在背景图像上做错了什么。
这是我的html
<header>
<div class="jumbotron">
<div class="container">
<h1 class="display-3"> Large Text </h1>
<h1 class="display-4"> Smaller Text </h1>
<p><a href="#" class="btn btn-success btn-lg">Learn More »</a></p>
</div>
</div>
</header>
...这是我的 CSS
.jumbotron {
background: url("img/banner.jpg");
color: black;
}
为什么我不能让它工作?我的文件路径绝对正确。
预先感谢您的帮助!
最佳答案
我遇到了类似的问题。正在尝试各种解决方案以获得超大屏幕背景中的图像。终于找到问题了。
我在我的 html 中引用了错误的 css 文件...
我知道。基本的。但这些往往是我们忽略的事情!
关于html - 如何在 Bootstrap 超大屏幕上获取背景图片,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39774043/