css - 如何使宽度为 25% 的文本框和宽度为 75% 的图像的高度相同？

Question

我正在使用标准的 bootstrap 3，但无法将具有背景颜色比例的图像和文本很好地组合在一起作为一个 block 。有什么线索吗？

<div class="row">
   <div class="col-xs-3">Lorem ipsim novarum.</div>
   <div class="col-xs-9 img-responsive"><img src="img/landscape.jpg" alt="sibe"></div>
</div>*

Answer 1

将“img-responsive”类放在图像本身上，例如:

<div class="row">
    <div class="col-xs-3">Lorem ipsim novarum.</div>
    <div class="col-xs-9"><img src="img/landscape.jpg" alt="sibe" class="img-responsive"></div>
</div>