Javascript 未在div上显示为背景图像的图像

有人能解释一下为什么我的图片没有显示在我的测试网页上吗？ 我是否必须在div上设置高度/宽度以显示完整图像

演示：

/*作为外部资源包含最新编译和缩小的CSS*/
/*可选主题*/
@导入url（'//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap theme.min.css'）；
身体{
利润率：10px；
}
.路政署{
背景：蓝色
}

---

首先，您必须设置元素集和显示块的高度和宽度

<div class="container">

    <div class="row">

      <div class="col-md-6">

        <div class="img" style="background:url('http://placehold.it/480x480') 0 0 no-repeat"></div>

      </div>

      <div class="col-md-6">

        <div class="img" style="background:url('http://placehold.it/480x480') 0 0 no-repeat"></div>

      </div>

      <div class="col-md-6">

        <div class="img" style="background:url('http://placehold.it/480x480') 0 0 no-repeat"></div>

      </div>

    </div>

</div> <!-- /container -->


//css 

.img{
  width: 480px;
    height: 480px;
    display: block;
}

//css
.img{
宽度：480px；
高度：480px；
显示：块；
}

首先，您必须设置元素集和显示块的高度和宽度

<div class="container">

    <div class="row">

      <div class="col-md-6">

        <div class="img" style="background:url('http://placehold.it/480x480') 0 0 no-repeat"></div>

      </div>

      <div class="col-md-6">

        <div class="img" style="background:url('http://placehold.it/480x480') 0 0 no-repeat"></div>

      </div>

      <div class="col-md-6">

        <div class="img" style="background:url('http://placehold.it/480x480') 0 0 no-repeat"></div>

      </div>

    </div>

</div> <!-- /container -->


//css 

.img{
  width: 480px;
    height: 480px;
    display: block;
}

//css
.img{
宽度：480px；
高度：480px；
显示：块；
}

为div指定一个特定的高度，例如

高度：500px或<代码>高度：100vh为div指定一个特定的高度，例如
高度：500px或<代码>高度：100vh您需要设置元素的高度，因为如果div为空，高度将为0。您必须设置最小高度：500px或其他。和设置高度：自动；谢谢你的回复。对于Bootstrap，您建议我如何设置高度。我是否应该将其设置为480，然后针对每个断点进行更改？或者有没有一种标准的方法？谢谢
.row div div{height:480px；}
您需要设置元素的高度，因为如果div为空，高度将为0。您必须设置最小高度：500px或其他。和设置高度：自动；谢谢你的回复。对于Bootstrap，您建议我如何设置高度。我是否应该将其设置为480，然后针对每个断点进行更改？或者有没有一种标准的方法？谢谢
。row div div{height:480px；}
div的默认显示设置为block。div的默认显示设置为block。