@Javilingys

Как растянуть картинку на пол строки Bootstrap?

Здравствуйте. Скачал макет для тренировки с Bootstrap. И возникла проблемка.. Не совсем, да и вообще, не понимаю как растянуть картинку на всю ширину сайта. Приложу картинки, чтобы понятнее было..
5aea6dcb25470177977509.png
Вот так должно быть
А вот так у меня получается: (красным - это я обвел див, чтобы видно было его границы)
5aea6f007ce27314809958.png

Я там пытался ратсянуть 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 заюзать, но что-то с этим тоже не зашло..
  • Вопрос задан
  • 150 просмотров
Решения вопроса 1
@soledar10
html css3 js jquery
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы