Здравствуйте. Скачал макет для тренировки с Bootstrap. И возникла проблемка.. Не совсем, да и вообще, не понимаю как растянуть картинку на всю ширину сайта. Приложу картинки, чтобы понятнее было..
Вот так должно быть
А вот так у меня получается: (красным - это я обвел див, чтобы видно было его границы)
Я там пытался ратсянуть width'ом, но тогда width остается статичным и получается белый отступ справа ))
Вот примерно так у меня сейчас в коде:
<section class="jumbotron" id="jumbotron-block-5">
<div class="container">
<div class="row">
<div class="col-sm-5 col-block-5">
<div class="block-5-div">
<div class="row">
<span id="govno2"><img src="images/cloud-icon.png"/></span><h2>Conectivity</h2>
</div>
<div class="row">
<h3>Flannel ennui narwhal, craft beer twee Vice plaid authentic synth Intelligentsia stumptown gluten-free drinking vinegar Schlitz mixtape. </h3>
</div>
<div class="row">
<p>Kickstarter umami Intelligentsia kogi. Try-hard flannel literally, chambray blog crucifix put a bird on it four dollar toast cardigan scenester aesthetic sartorial chia messenger bag Pinterest. 3 wolf moon Thundercats Banksy paleo, yr four loko Shoreditch dreamcatcher. </p>
</div>
</div>
</div>
<div class="col-sm-1">
</div>
<div class="col-sm-6">
<div id="govno"></div>
</div>
</div>
</div>
</section>
#jumbotron-block-5 {
height: 35.125rem;
background-color: #e9eef1;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
color: #fff;
padding: 1px;
margin-bottom: 0;
border-radius: 0;
display: flex;
align-items: center;
}
#govno {
height: 35.125rem;
background-image: url('../images/block-5-background.jpg');
border: 1px solid red;
}
Помогите нубу, пожалуйста) Не понимаю что надо сделать.. Думал может container-fluid заюзать, но что-то с этим тоже не зашло..