I am writing a web application using the fluid layout for twitter
bootstrap. My code looks like below.
<div class="row-fluid">
<div class="offset1 span10">
<div class="row-fluid">
<div class="span4 border-line">
<div class="row-fluid">
<h4 class="text-center"><a
href="/category">name_of_item</a></h4>
<a target="_blank" href="link_for_item">
<img class="item-size" src="photo.url"/>
</a>
<p> quick_summary|safe </p>
</div>
</div>
<div class="span4 border-line">
<div class="row-fluid">
<h4 class="text-center"><a
href="/category">name_of_item</a></h4>
<a target="_blank" href="link_for_item">
<img class="item-size" src="photo.url"/>
</a>
<p>quick_summary</p>
</div>
</div>
</div>
</div>
</div>
And in my css looks like below for item-size
.item-size{
width: 100%;
height: 50%;
}
In the above example everything is working fine except the height for the
image item. Image width is changing whenever i change to different value
(example: 60%), but the height value is not having any effect on the size.
I have tried wrapping the <a> element with div class of .item-size and even
that did not have any effect. Can anyone help me how i can set the height
value which will have effect on the height of the image ?
Thanks
--
You received this message because you are subscribed to the Google Groups
"twitter-bootstrap" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
For more options, visit https://groups.google.com/groups/opt_out.
