Twitter Bootstrap problema su stulpeliais

Sveiki, turiu kodą

<div class="container">
<div class="row">
	<div class="span9">
		<div class="content">
			Turinys
		</div>
	</div>
<div class="span3">
	<div class="sidebar-element">
		...
	</div>
</div>
</div>
</div>

reikėtų padaryti su CSS taip, kad span9 ir span3 būtų vienodo aukščio. Dabar span9 išsiplečia į apačia, o span3 lieka toks pat.

Sveiki, turiu kodą

 

<div class="container">
<div class="row">
	<div class="span9">
		<div class="content">
			Turinys
		</div>
	</div>
<div class="span3">
	<div class="sidebar-element">
		...
	</div>
</div>
</div>
</div>

 

reikėtų padaryti su CSS taip, kad span9 ir span3 būtų vienodo aukščio. Dabar span9 išsiplečia į apačia, o span3 lieka toks pat.

Jeigu nori nepriklausomus vien1 nuo kito su vienodu dydziu keisti, tai turbut css neužteks. Nebent .row padaryti overflow: hidden; o span3 ir span9 max-height: 50%; bet čia tik spėju :)

Jeigu jie yra vienas šone kito, tuomet span3 ir span9 gali min-height: 100% dėti

Jeigu nori nepriklausomus vien1 nuo kito su vienodu dydziu keisti, tai turbut css neužteks. Nebent container padaryti overflow: hidden; o span3 ir span9 max-height: 50%; bet čia tik spėju :)

butu idealu jei span3 visada butu toks kaip span9

su jquery atrodytu taip:

$(document).ready(function() {
$('.span3').css({
   'height': $('.span9').height()
});
});

reiketu vien css

Jei gali nepalaikyti IE tai pasižiūrėk CSS `display: table-cell` ir pan. dokumentaciją ;)