title: bootstrap text and image aligned in the middle
body: <p>Is there a way in bootstrap to have:</p>
  
  <p><a href="https://i.stack.imgur.com/yTo4F.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/yTo4F.jpg" alt="enter image description here"></a></p>
  
  <p>So I would like text and the image to be in the center of the page.
  On the right to be the text right aligned and on the left to be the image
  I've tried with divs and then with table without success.</p>
  
  <p>I've tried with :</p>
  
  <pre><code>&lt;img src="your-image/path-here.jpg" class="img-responsive center-block" /&gt;
  </code></pre>
  
  <p><strong>My code:</strong></p>
  
  <pre><code>&lt;div class="container"&gt;
      &lt;div class="row"&gt;
          &lt;div class="col-md-12"&gt;
              &lt;img style='float:left;width:200px;height:200px; margin-right:10px;' src="img/bootstrap.jpg" /&gt;
              &lt;p&gt;Bootstrap, a sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development.&lt;/p&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p><strong>Edit</strong> The text should be aligned in the middle of the image and both should be in  the center.</p>