Bootstrap Jumbotron背景图片不起作用

时间:2018-07-10 16:19:13

标签: html css twitter-bootstrap

我已经在网站上添加了一个巨型电子货币,我正在尝试更改其背景图像,但是它不起作用。我100%肯定图像路径正确。 这是我的代码:

<div class="jumbotron" style="background-image: url("images/aezakmi.jpg"); background-size: contain;">
  <h1 class="display-4">Hello, world!</h1>
  <p class="lead">This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.</p>
  <hr class="my-4">
  <p>It uses utility classes for typography and spacing to space content out within the larger container.</p>
  <p class="lead">
    <a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a>
  </p>
</div>

2 个答案:

答案 0 :(得分:0)

我还是HTML的新手,但是如果我没记错的话,通常url()方法不需要引号。尝试使用带引号和不带引号的实际HTTP网址,看看哪个可行。如果仍然无法正常运行,请尝试将图像移动到新目录,或者简单地将其上传到imgur或其他内容,以便使用HTTP URL进行抓取。

希望这会有所帮助。

答案 1 :(得分:0)

我唯一能想到的是,如果您对图像的链接错误,或者您没有正确地链接至.css文件,那么