jquery - Bootstrap 3 and masnory -
by using bootstrap 3 , masonry, want display 8 photos :
the desired result :
for this, write code :
html code:
<div class="row"> <div class="items"> <div class="item col-md-3"> <img src="...." alt="..."> </div> <div class="item col-md-3"> <img src="...." alt="..."> </div> <div class="item col-md-3"> <img src="...." alt="..."> </div> <div class="item col-md-3"> <img src="...." alt="..."> </div> <div class="item col-md-3"> <img src="...." alt="..."> </div> <div class="item col-md-3"> <img src="...." alt="..."> </div> <div class="item col-md-3"> <img src="...." alt="..."> </div> <div class="item col-md-3"> <img src="...." alt="..."> </div> </div> </div> jquery code:
var $container = $('.items'); $container.imagesloaded( function() { $container.masnory({ columnwidth: '.item', itemselector: '.item' }); }); but result :
why photos not in order ? how can make working ?
any advice helpful. thanks
Comments
Post a Comment