bootstrap 4 grid

by Jetson

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css">
<div class="d-flex">
  <div class="photo">
            <img src="https://static.pexels.com/photos/46710/pexels-photo-46710.jpeg" alt='Search Result Photo' class="search-thumbnail"/>
  </div>
  <div class="info ml-sm-3">
    Balint Zsak Someone’s Knocking at My Door 01.12.13
  </div>
</div>

CSS

.photo{
  width: 200px;
  flex: 0 0 200px;
}
.photo img{
  max-width: 100%;
}
.info{
  border:1px solid blue;
  flex:0 1 auto;
}