bootstrapとjquery.masonry.jsを使って、レンガ状(pinterest風)にサムネイルを並べていく

最近流行りのbootstrapを使うとすごく簡単にレスポンシブルなサイトを作る事が出来る。 特に自分みたいなエンジニア系のweb制作者にとってはbootstrap使う事によってデザインを整えられるし、 何よりも最大12カラムのグリッドシステムがすごく便利。 だけどグリッドシステムを使ってサムネイルを並べたときなどにそれぞれの高さが変わってしまうと不格好になってしまう。 なのでこれを解決するためにmasonryを使ってグリッドシステムをさらに綺麗に表示することにしてみた。 // html <script src="/js/jquery-1.8.2.min.js"></script> <script src="/js/bootstrap.min.js"></script> <script src="/js/jquery.masonry.min.js"></script> <ul class="