如何使我的文本框宽度为25％，图像宽度为75％，高度相同？

Question

我正在使用标准的bootstrap 3，但无法将图像和背景颜色的文本很好地缩放在一起作为块。有线索吗？

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

Answer 2

将行设为实际容器。这样，当图像高度缩放时，'row'div将很好地包裹它。这意味着给行提供背景颜色。并向左浮动图像，右边距。