Twitter bootstrap 如何在引导的流体布局中使图像的高度和宽度相同

我正在使用twitter引导的fluid布局编写一个web应用程序。我的代码如下所示

  <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>

在上面的示例中，除了图像项的高度外，其他一切都正常工作。每当我更改为不同的值（例如：60%）时，图像宽度都会更改，但高度值对大小没有任何影响。我尝试过用.item size的div类包装该元素，即使这样也没有任何效果。谁能帮我设置对图像高度有影响的高度值

---

谢谢

您不能按百分比指定高度，除非您为包裹img的标签设置了高度。因此，必须以像素为单位设置高度。例：

.item-size{
  width: 100%;
  height: 200px;
}

---

如果仍要使用%，则必须为

包装div设置高度

不能按百分比指定高度，除非已为包装img的标记设置了高度。因此，必须以像素为单位设置高度。例：

.item-size{
  width: 100%;
  height: 200px;
}

---

如果您仍然想使用%，您必须为

包装器div设置一个高度

是的，或者为了简化您的生活，您可以在span10上设置高度：谢谢您的回复。如果我将高度更改为200px，这是否意味着它不再具有流体响应性，因为即使我调整窗口大小，高度也固定为200px？我是否可以使高度也响应？如果您以像素为单位设置跨度的高度，则可以以百分比为单位设置图像的高度。但是你说的“反应性高度”是什么意思呢？是的，或者为了简化你的生活，你可以把高度设定在跨距上。10：谢谢你的回答。如果我将高度更改为200px，这是否意味着它不再具有流体响应性，因为即使我调整窗口大小，高度也固定为200px？我是否可以使高度也响应？如果您以像素为单位设置跨度的高度，则可以以百分比为单位设置图像的高度。但你说的“反应性身高”是什么意思？你说的“对身高有影响”是什么意思？是否希望图像保留纵横比？您希望通过设置

height:50%来实现什么效果？据我所知，它应该使图像50%的高度的容器，它是嵌入高度。如果这个容器（通常只是div）没有相应地改变高度，那么图像的高度就不会改变。你说的“影响高度”是什么意思？是否希望图像保留纵横比？您希望通过设置
height:50%来实现什么效果？据我所知，它应该使图像50%的高度的容器，它是嵌入高度。如果这个容器（通常只是div）没有相应地改变高度，那么图像的高度就不会改变。