html - How to make image fit column in bootstrap -
if had :
<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>
how can make image exact height , width of paragraph left of it?
use this, give background image rather giving image inside img
tag
<div class = "col-md-6 my_img"> <img src = "#"> </div>
and css be:
.my_img{ height:300px; /* give required height */ background:url('your image url or location'); background-size:cover; }
Comments
Post a Comment