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

Question

我使用的是标准引导程序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

使行成为您的实际容器。这样当图像高度缩放时，'行'div将很好地包裹它。这意味着给行的背景颜色。并将图像左侧浮动，并留有右边距。

Answer 2

把“IMG-响应”级图像本身如上：

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