qubert-banger
@qubert-banger
Front

Позиционирование блоков Bootstrap?

Добрый день ребята. Подскажите пожалуйста, как в bootstrap позиционировать блоки так, как в макете ?(скрин ниже)
Я-то сделал всё как нужно, левый блок опустил ниже, а правый выше. Но в мобильной версии эти блоки уезжают вверх и находятся не там где им следовало бы)
YOSf-2rdB94.jpg

Вот код который я прописал:
css:
.about-left {
margin-top: 350px;
background: url(../img/houses/1.jpg);
width: 500px;
height: 500px;
}

.about-left-text h1{
	text-align: right;
	margin-top: 25px;
	font-size: 90px;
	color: #fff;
}

.about-right {
margin-top: 150px;
background: url(../img/houses/2.png);
width: 500px;
height: 500px;
}

.about-left-text h1{
	text-align: left;
	margin-top: 25px;
	font-size: 90px;
	color: #fff;
}


html:
<div class="container">
<div class="row">

<div class="col-md-6 col-sm-8 offset">

<div class="about-left animated fadeInLeft">

    <div class="about-left-text animated fadeInRight">
        <h1>We<br/>Are The<br/>First</h1>
    </div>
	
</div>

</div>



<div class="col-md-6 col-sm-8 offset">
<div class="about-right animated fadeInRight">
<div class="about-left-text animated fadeInLeft">
        <h1>We<br/>Are The<br/>First</h1>
    </div>
</div>
</div>

</div>
</div>


Заранее благодарю за помощь!
  • Вопрос задан
  • 663 просмотра
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы