title: Bootstrap 4 - how to make image go to right hand side?
body: <p>I am trying to put a simple image in a row and make it to to the right side of the page.</p>
  <p>If I wanted to do this with text, I would simply do this:</p>
  <pre class="lang-html prettyprint-override"><code>&lt;div clas=&quot;row&quot;&gt;
      &lt;div class=&quot;col text-right&quot;&gt;
          &lt;h1&gt;Im on the right&lt;/h1&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  <p>There does not seem to be the equivalent <code>image-right</code>. There is <code>float-right</code>, but this pulls the text underneath up, which is not what we want.</p>
  <p>Tried this, but it has no effect:</p>
  <pre class="lang-html prettyprint-override"><code>&lt;div class=&quot;row&quot;&gt;
      &lt;div class=&quot;col&quot;&gt;
          &lt;img src=&quot;images/MyLogo.png&quot; class=&quot;pull-right&quot; style=&quot;height: 200px&quot; alt=&quot;our Logo&quot;&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  <p>Being an old school html table user, I thought I could create dummy empty columns to the left, although this is not what we want as columns &quot;break&quot; when the screen gets smaller:</p>
  <pre class="lang-html prettyprint-override"><code>&lt;div class=&quot;row&quot;&gt;
      &lt;div class=&quot;col-xs-10&quot;&gt;
          &lt;div&gt;
              &lt;div class=&quot;col-xs-2&quot;&gt;
                  &lt;img src=&quot;images/MyLogo.png&quot;  style=&quot;height: 200px&quot; alt=&quot;our Logo&quot;&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  <p>But this also keeps the image stuck firmly to the left side.</p>
  <p>Any suggestions how to put an image on the right side of the page, keeping the space to the left of it blank?</p>