Как добавить "центрированную кладку" на изотоп, используя data-attribute

Я использую изотоп с данными-атрибутами. Я хочу добавить для каждого фильтра Центрированное масонство с data-centtered="true/false". Какие-либо предложения?

$('.js-isotope').imagesLoaded( function() {
  $('.js-isotope').isotope('layout');
});
<div class="row grid js-isotope" data-isotope-options='{ "itemSelector": ".grid-item", "layoutMode": "masonry"}'>
   <div class="col-xs-6 col-sm-4 grid-item">
     ...
   </div>
  <div class="col-xs-6 col-sm-4 grid-item">
     ...
  </div>
  <div class="col-xs-6 col-sm-4 grid-item">
     ...
  </div>
</div>

Источник

1 ответ

Решение

В Isotope v2 используют isFitWidth http://isotope.metafizzy.co/layout-modes/masonry.html

masonry: {
  columnWidth: 100,
  isFitWidth: true
}

CSS

/* center container with CSS */
    .grid {
      margin: 0 auto;
    }

codepen: http://codepen.io/desandro/pen/BptxJ

Источник
Другие вопросы по тегам