如何在bootstrap中制作具有固定高度的全宽幅图像？

Question

我需要制作一个固定高度的全宽图像。所以我写下面的代码 在HTML中

<div class="marquee">

        <div class="row">
            <div class="col-lg-12">
                <img class="img-marquee" src="img/image1.jpg" alt="image 1">
            </div>

            <div class="col-lg-12">
                <img class="img-marquee" src="img/image2.jpg" alt="image 2">
            </div>
        </div>
</div>

我在CSS中编写以下代码

.marquee {
    height: 75vh;
}

.img-marquee {
    max-width: 100%;
}

结果是全宽图像，但不是与75vh的选框高度相同。所以我的问题是如何使用bootstrap框架在css中做到这一点？

Answer 1

尝试：

C:\Program Files\Java\jdk1.7.0_75

Answer 2

试试这段代码：

width:100%
display:block
position:absolute #optional
background: url('your .jpg') repeat scroll 0% 0% / 100% auto transparent;