dragdropsite / mPurpose

Free multipurpose Twitter Bootstrap 3 template. A huge variety of components and more that 30 sample pages!
http://www.dragdropsite.com
MIT License
166 stars 74 forks source link

Help with Services 3 Column not rendering right #1

Closed studio-napoli closed 10 years ago

studio-napoli commented 10 years ago

Hi, if anyone can help, I am using mPurpose theme and my three column section is skipping a column. Been looking at the code and can't find what would make it do that. Link: http://www.studio-napoli.com/_MAA/index.html Section: Best Acne Treatments (about half way down the page) Any help is greatly appreciated!

aslauris commented 10 years ago

Hi,

it's because of different height of blocks - that's why floating breaks. You can easily solve it by setting min-height e.g. .service-wrapper{ min-height: 220px; } Please note that different min-height might be required for different media query sizes (depending on content)

Alternatively, you can use:

  1. Something like https://github.com/mattbanks/jQuery.equalHeights to set equal heights dynamically
  2. Something like http://isotope.metafizzy.co or http://masonry.desandro.com for "masonry" layouts