title: text and images using Bootstrap 4
body: <p>I need to make text wrap around image with bootstrap 4 but I cannot find how .</p>
  
  <p>Here my code:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>    &lt;link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" &gt;
      &lt;div class="container"&gt;
          &lt;div class="alert alert-warning" role="alert"&gt;
                      &lt;img class="img-fluid" src="https://i.imgur.com/JgqPv7T.png" style="position: relative; right: 44px;"&gt;Test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test
                  &lt;/div&gt;
                      &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Here what I have now: 
  <a href="https://i.stack.imgur.com/EUHTZ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/EUHTZ.png" alt="Here what I have now: "></a></p>
  
  <p>Here what I would to have: 
  <a href="https://i.stack.imgur.com/9492B.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/9492B.png" alt="Here what I would to have: "></a></p>
  
  <p>How can I do it ?</p>