@vrazrabotchik

Что не так с сеткой?

930cdacea98546039a939afbe7708135.png

<div class="menu-image">
	  <div class="container">
	   <div class="row">
		<div class="col-lg-3 col-md-6">
			<img src="images/img1.png">
		</div>
		<div class="col-lg-3 col-md-6">
			<img src="images/img2.png">
		</div>
		<div class="col-lg-3 col-md-6">
			<img src="images/img3.png">
		</div>
		<div class="col-lg-3 col-md-6">
			<img src="images/img4.png">
		</div>
		</div>
	</div>
	</div>


Что же не так? Как сделать нормальную сетку чтобы при уменьшении подстраивалось правильно?
  • Вопрос задан
  • 170 просмотров
Решения вопроса 4
iiiBird
@iiiBird Куратор тега Bootstrap
Пока ты спишь - твой конкурент совершенствуется
один из вариантов - использовать clearfix.
<div class="menu-image">
  <div class="container">
   <div class="row">
    <div class="col-lg-3 col-md-6">
      <img src="images/img1.png">
    </div>
    <div class="col-lg-3 col-md-6">
      <img src="images/img2.png">
    </div>
    <div class="clearfix visible-md"></div>
    <div class="col-lg-3 col-md-6">
      <img src="images/img3.png">
    </div>
    <div class="col-lg-3 col-md-6">
      <img src="images/img4.png">
    </div>
  </div>
</div>
</div>
Ответ написан
ArtyomovAnton
@ArtyomovAnton
PHP и всё что рядом
Может для img width 100% сделать? Что бы img подстраивались под
Ответ написан
@igumenov
В данном случае 1й элемент по высоте выше других.
Задайте для каждого item height
.item{
height:150px;
{
.item img{
max-width:100%
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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