Bootstrap background-image with CSS

Question

В bootstrap я могу использовать класс = img-отзыв, чтобы убедиться, что мое изображение полностью отображено без обрезки. Как реализовать этот «класс = img-отзыв» в моей таблице стилей CSS вместо этого, чтобы мое фоновое изображение отображалось полностью?

Это мой HTML-файл

<header class="bgimage"> 
    <div class="container"> 
    <h1>Headline</h1> 
    </div> 
</header> 

Это мой CSS таблицы стилей.

.bgimage { 
    background-image: url('../images/tara1.jpg'); 
    background-position: center center; 
    background-size: cover; 
    height: 200px; 
} 

Answer 1

Я хотел бы попробовать следующее:

.bgimage{ 
    background-image: url('../images/tara1.jpg'); 
    background-size:100% 100%; 
    background-repeat: no-repeat; 
    height: 200px; 
} 

Думают о установив ширину, в противном случае я думаю, что процент не будет работать :)