Джит сетка сломана

Мой первый вопрос здесь. Я пытаюсь сделать простую сетку галереи, используя Jeet, но окончательный результат все разбито. Он пропускает некоторые элементы div в следующий ряд, и я просто не могу найти способ его контролировать.

.row.nossos-parceiros
 background-color #EFEAE4
 margin auto
 h2
  text-align center
  padding-bottom 1em
 .parceiro 
  col(1/4, gutter: 1, cycle: 5)
  margin-bottom:@margin-right;
  height:220px;
  background:white
  text-align:center
  
  &:hover
   text-decoration:none
   box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.1)
   -webkit-box-shadow: 0px 4px 37px -6px rgba(0,0,0,0.2);
   -moz-box-shadow: 0px 4px 37px -6px rgba(0,0,0,0.2);
   box-shadow: 0px 4px 37px -6px rgba(0,0,0,0.2);
<div class="row nossos-parceiros">
   <div class="container">
   <h2>Nossos Parceiros</h2>
   <div class="parceiro"></div>
   <div class="parceiro"></div>
   <div class="parceiro"></div>
   <div class="parceiro"></div>
   <div class="parceiro"></div>
   <div class="parceiro"></div>
   <div class="parceiro"></div>
   <div class="parceiro"></div>
   <div class="parceiro"></div>      
   </div>
</div>

Скриншот:
Скриншот

0 ответов

Другие вопросы по тегам