Склад масонства с панелью ботстрапов

Любой здесь хорошо с MasonryJs с бутстрапом?Склад масонства с панелью ботстрапов

У меня этот вопрос:

Это то, что я до сих пор

<div class="row" id="grid"> 
<div class="col-md-6 item"> 
<div class="panel panel-default> 
..... 
</div> 
</div> 
</div> 

$("#grid").masonry({ 
itemSelector: '.item', 
columnWidth: '.item' 
});

Может быть кто-то может просветить меня, почему это встречающийся? Поблагодарило

Так что я переместил класс сетки в сетку id этого результата. Оказывается, все панели собраны как один.

источник

2016-11-07 WilloPillow

Ваш скриншот показывает, что масонство не инициируется на всех. Вы определенно включили библиотеки jQuery и Masonry в теги 'script' и до того, как вы выполнили код jQuery, который вы опубликовали? Было бы полезно, если бы вы сообщили нам, если в консоли браузера отображаются какие-либо ошибки. – amdouglas

@amdouglas Я исправляю строку и добавляю «сетку» в качестве идентификатора, и я получил результат о том, что я редактировал свой вопрос. Оказывается, панели заполняются как один. – WilloPillow

Просто предположите: попробуйте добавить это в свой CSS: '#grid {position: relative}' – amdouglas

Это код Кладка инициализации вы используете, от вопроса:

$("#grid").masonry({ 
itemSelector: '.item', 
columnWidth: '.item' 
});

Это INIT сниппет для использования Кладка с JQuery.

Вы, кажется, не использовать JQuery, так что вам нужно использовать ваниль JavaScript для инициализации масонства:

var elem = document.querySelector("#grid"); 
var masonry = new Masonry(elem, { 
    itemSelector: '.grid-item', 
    columnWidth: '.grid-item' 
});

источник

2016-11-07 04:24:17 amdouglas

Склад масонства с панелью ботстрапов

ответ

Смежные вопросы