html - 如何在 Bootstrap 超大屏幕上获取背景图片

标签 html css twitter-bootstrap

我正在尝试使用图像作为我的超大屏幕的背景,但无法显示该图像。我可以很好地更改 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/

相关文章:

html - 什么是 HTML <a></a> 标签默认显示类型?

html - 无法滚动到容器溢出的 flex 元素顶部

html - Polymer 中的事件处理

javascript - 清除输入字段的建议框

html - HTML 中的模糊文本

javascript - Html - 事件标签没有改变

html - Bootstrap 中 img 的中心图标

javascript - 查询日期时间选择器无法在另一个函数调用中获取日期

html - 使用 Bootstrap 在悬停时展开 div

html - 如何从 css 表格中删除边距和填充