Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How do I make <divs> in Twitter bootstrap appear in a Masonry Format with Jquery Masonry and Twitter Bootstrap?

I am trying to get each on the following page:

http://snowbird.camorada.com/test.php

to look in a masonry format like the following:

http://masonry.desandro.com/demos/basic-single-column.html

Here is the div that I want to appear in masonry format:

      <div class="tiled">
          <div class="newz_caption" style="background: #FFFFFF;">
               //content
          </div>
      </div>

Here is the code that I am using to select the , (Sorry for the comments)

<script>
    $(function(){
      $('#container').masonry({
        // options  
        itemSelector : '.tiled',
        isAnimated: !Modernizr.csstransitions

      });
    });
    </script>
like image 775
Alex Spencer Avatar asked Dec 18 '25 17:12

Alex Spencer


1 Answers

As always, Google is your best friend, mate or sugardaddy.

like image 71
Systembolaget Avatar answered Dec 21 '25 08:12

Systembolaget



Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!