Как можно обыграть проблему нечетного блока при адаптивности?

Question

[fisherspoons]

Такая незадача, вроде и ничего такого а как выйти из положения не пойму как, вообщем есть блок с галереей 7 миниатюр в ряду, на фулл все отлично, но адаптивке нечетный элемент просто мешает, ставил 6 - все отлично

Comments

[fisherspoons]

все решил проблему

Answer 1

[nikfakel]

У вас видимо сделано что то типа:

<div class="row">
  <div class="block"> img </div>
  <div class="block"> img </div>
  <div class="block"> img </div>
  <div class="block"> img </div>
  <div class="block"> img </div>
  <div class="block"> img </div>
  <div class="block"> img </div>
</div>

<div class="row">
  <div class="block"> img </div>
  <div class="block"> img </div>
  <div class="block"> img </div>
  <div class="block"> img </div>
  <div class="block"> img </div>
  <div class="block"> img </div>
  <div class="block"> img </div>
</div>

Я бы на вашем месте убрал вот эти блоки row, просто пустил бы подряд все картинки, и они бы сами вставали в ряд по столько, по сколько их умещается.

Answer 2

[fisherspoons]

все в

<div class="row">
                 <div class="func_img col-lg-10 col-lg-offset-1  col-sm-10 col-sm-offset-1 col-md-12 col-md-offset-0">
                 </div>
             </div>

Comments

[Артем]

Здесь используется Bootstrap.
Просто, вдруг автор или другой человек с таким же вопросом не знают.

[fisherspoons]

Все было очень просто, это плагин галереи в WP, в настройках указал количество миниатюр в строке 7, и он гад такой после каждого 7 элемента ставил перенос строки с clear both
, такие дела)А я голову 2 часа ломал, почему свойство float не работает именно после 7 элемента