интеграция кладки JQuery в сетку фундамента ZURB
У меня возникли проблемы при интеграции кладки с сеткой фундамента. По существу, с изображениями одинаковой ширины с различной высотой кладка работает, как и ожидалось, но в определенных точках разрыва сетка будет иметь только два столбца, а не четыре.
Однако если вы продолжите минимизировать ширину браузера, четыре столбца вернутся, чтобы он могне может быть, что нетт комнату, чтобы показать их.
var $container = $('#work_grid');
$container.imagesLoaded( function(){
$('#work_grid').masonry({
itemSelector: '.work_item',
isAnimated: true,
});
HTML
<img src="stylesheets/images/work1.jpg" alt="">
<img src="stylesheets/images/work2.jpg" alt="">
<img src="stylesheets/images/work3.jpg" alt="">
<img src="stylesheets/images/work4.jpg" alt="">
<img src="stylesheets/images/work5.jpg" alt="">
<img src="stylesheets/images/work6.jpg" alt="">
<img src="stylesheets/images/work7.jpg" alt="">