http://pasteboard.co/OJ56Vjj.png

	<div id='container'>
		<div class='row'>
			<div class='col-md-4 col-height' style='background-color: red;'>
			test
			</div>
			<div class='col-md-4 col-height' style='background-color: green;'>
			test
			</div>
			<div class='col-md-4 col-height' style='background-color: blue; '>
			test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />
			</div>
			
		</div>
	</div>

If you look at the screenshot, you see the text in the third column overflows. I want all three columns to be as high as the text.

 

Anyone know how i can do this? cant figure this out

You can use flexbox - something along the lines of my js fiddle here - https://jsfiddle.net/teodora84/hbyr2a1s/1/

Here's another link for you - http://codepen.io/imohkay/pen/gpard

 

You can use the display:table; method - for example http://www.hongkiat.com/blog/css-equal-height/ There's plenty of info online - https://www.google.co.uk/?ion=1&espv=2#q=display+table+equal+heights+methd+css

 

Robert's grid is another option - much better than bootstrap and takes care of everything for you, incl. equal heights.

https://github.com/rbrtsmith/rbrtsmith-grid

You can use flexbox - something along the lines of my js fiddle here - https://jsfiddle.net/teodora84/hbyr2a1s/1/

Here's another link for you - http://codepen.io/imohkay/pen/gpard

 

You can use the display:table; method - for example http://www.hongkiat.com/blog/css-equal-height/ There's plenty of info online - https://www.google.co.uk/?ion=1&espv=2#q=display+table+equal+heights+methd+css

 

Robert's grid is another option - much better than bootstrap and takes care of everything for you, incl. equal heights.

https://github.com/rbrtsmith/rbrtsmith-grid

wow thanks Teo . thats really helpful

I played with Flex earlier but couldn't get it to work properly.

 

After work Ill try to implement into my actual site (hopefully flex is compatible with bootstrap and a few other javascript libraries im using) (edit; And gonna try to convert to Roberts Grid... seems interesting!)

 

thanks

Edited May 10, 201610 yr by HighDarren