ブートストラップイメージ本部

Question

今のところ、私はこのようなものがあります：

をそして私はdivのようなテキストを持つdiv要素と同じサイズにしたいです画像付き。今の

コード：：私はこのような何かを達成しようとしています

HTMLを

<div class="container"> 
    <div class="row"> 
     <div class="col-sm-6 ofimg"> 
      <a href="portfolio-item.html"> 
       <img class="img-responsive img-hover" src="img/oferta/x1.jpg" alt=""> 
      </a> 
     </div> 
     <div class="col-sm-6 oftext"> 
      <h3>Sesje ślubne</h3> 
      <h4>Subheading</h4> 
      <p>Przykładowy text.Przykładowy text.Przykładowy text.</p> 
      <a class="btn btn-primary" href="portfolio-item.html">Przeglądaj</i></a> 
     </div> 
    </div> 
</div> 

CSS

.oftext{ 
    background-color: #e2e0e0; 
    margin: 0; 
    margin-bottom:0; 
    padding: 12px; 
    text-align: center; 
} 
.ofimg { 
    margin: 0; 
    margin-top:0; 
    padding: 0; 
} 

Answer 1

はflexbox使用して、あなたが与えることができ、あなたの.rowdisplay: flex;

.row { 
    display: flex; 
} 

JSFiddle