Как совместить плагин Isotope и bootstrap?

Question

[Константин Теплоухов]

Здравствуйте , как подружить плагин Isotope и bootstrap .
А именно
Есть кнопки : Все , Авто , Кулинария .

Пример

Под кнопками идут блоки col-lg-3 , некоторые блоки про кулинарию а некоторые про Авто .
Пробовал но у меня что-то как-то всё через попу . Фильтровать то фильтрует но вот bootstrap не работает .

Тык

<section class="catalog">
		<div class="container">
			<div class="row">
				<div class="button-group filter-button-group">
					<button data-filter="*">Все</button>
					<button data-filter=".item-g">Авто</button>
					<button data-filter=".item-t">Кулинария</button>
				</div>
				<div class="grid-catalog">

					<div class="col-lg-3 item-catalog item-g">
						Авто - 1
					</div>

					<div class="col-lg-3 item-catalog item-t">
						Кулинария - 1
					</div>

					<div class="col-lg-3 item-catalog item-g">
						Авто - 2
					</div>

					<div class="col-lg-3 item-catalog item-t">
						Кулинария - 2
					</div>

				</div>
			</div>
		</div>
	</section>

JS код

$( document ).ready(function() {
    
	// init Isotope
	var $grid = $('.grid-catalog').isotope({
	  // options
	});
	// filter items on button click
	$('.filter-button-group').on( 'click', 'button', function() {
	  var filterValue = $(this).attr('data-filter');
	  $grid.isotope({ filter: filterValue });
	});

});

Answer 1

[Антон Шаманов]

https://isotope.metafizzy.co/extras.html#bootstrap

Comments

[Константин Теплоухов]

Спасибо кнч но уже решил вопрос . (сменил плагин)