html - 如何在 Bootstrap 中使图像适合列

Question

如果有:

<div class = "row">

    <div class = "column-md-6">
        <p>Place holder paragaraph. Place holder paragaraph
         Place holder paragaraph. Place holder paragaraph. 
         Place holder paragaraph. Place holder paragaraph. 
         Place holder paragaraph. Place holder paragaraph. 
         Place holder paragaraph. Place holder paragaraph. 
         </p>
    </div>

    <div class = "col-md-6">
         <img src = "#">
    </div>
</div>

如何使该图像的高度和宽度与它左侧的段落完全相同？

Answer 1

使用它，提供背景图片而不是在 img 标签内提供图片

<div class = "col-md-6 my_img">
     <img src = "#">
</div>

你的 CSS 将是:

.my_img{
  height:300px; /* give your required height */
  background:url('your image url or location');
  background-size:cover;
}