title: Display images inline in bootstrap col
body: <p>i'm using Bootstrap 4 alpha 6 and i would like to display 3 images inline</p>
  
  <pre><code>&lt;div class="row"&gt;
   &lt;div class="col-md-4 text"&gt;
    &lt;p&gt;with some text&lt;/p&gt;
   &lt;/div&gt;
   &lt;div class="col-md-8 screens"&gt;
      &lt;img class="img-fluid first" src="{{asset('/images/project/screen-1.png')}}" alt="First screen"&gt;
      &lt;img class="img-fluid main" src="{{asset('/images/project/screen-main.png')}}" alt="Main screen"&gt;
      &lt;img class="img-fluid second" src="{{asset('/images/project/screen-2.png')}}" alt="Second screen"&gt;  
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I tried everything changing display options on .screens and on images and i'm out of ideas..</p>