title: How to make height of image same as width in fluid layout for bootstrap
body: <p>I am writing a web application using the fluid layout for twitter bootstrap. My code looks like below.</p>
  
  <pre><code>  &lt;div class="row-fluid"&gt;
      &lt;div class="offset1 span10"&gt;
          &lt;div class="row-fluid"&gt;
              &lt;div class="span4 border-line"&gt;
                          &lt;div class="row-fluid"&gt;
                              &lt;h4 class="text-center"&gt;&lt;a href="/category"&gt;name_of_item&lt;/a&gt;&lt;/h4&gt;
                               &lt;a target="_blank" href="link_for_item"&gt;
                                  &lt;img class="item-size" src="photo.url"/&gt;
                              &lt;/a&gt;
                              &lt;p&gt; quick_summary|safe &lt;/p&gt;
                          &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="span4 border-line"&gt;
                          &lt;div class="row-fluid"&gt;
                              &lt;h4 class="text-center"&gt;&lt;a href="/category"&gt;name_of_item&lt;/a&gt;&lt;/h4&gt;
                               &lt;a target="_blank" href="link_for_item"&gt;
                                  &lt;img class="item-size" src="photo.url"/&gt;
                              &lt;/a&gt;
                              &lt;p&gt;quick_summary&lt;/p&gt;
                          &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And in my css looks like below for item-size</p>
  
  <pre><code> .item-size{
        width: 100%;
        height: 50%;
    }
  </code></pre>
  
  <p>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  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 ?</p>
  
  <p>Thanks</p>