title: How to put a div to the right of .container in Bootstrap?
body: <p>Basically, I need to put a <em>back-to-top</em> button at the right side of the footer.</p>
  
  <p>Something like this:
  <img src="https://i.stack.imgur.com/cez9S.jpg" alt="what I need"></p>
  
  <p>What I get is this:
  <img src="https://i.stack.imgur.com/SK5bL.png" alt="what I get"></p>
  
  <p>You can see that there is a blank space between <em>footer</em> and the end of viewport, that space is the height the <em>back-to-top</em> button, if I remove the button the blank space is removed too.</p>
  
  <p>I'm using bootstrap so my html code is similar to:</p>
  
  <pre><code>&lt;footer class="container-fluid"&gt;
      &lt;div class="container"&gt;
          &lt;div class="content1&gt;CONTENT 1&lt;/div&gt;
          &lt;div class="content2&gt;CONTENT 2&lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div class="back-to-top&gt;TOP&lt;/div&gt;
  &lt;/footer&gt;
  </code></pre>
  
  <p>You can see an example in <a href="http://www.bootply.com/hNuXYYWW2o" rel="nofollow noreferrer">Bootply</a>. You can see that the footer has to be 20px height (<code>min-height: 20px</code>) but instead it is <code>40px</code>.</p>
  
  <p>I think that my problem will be solved if I can put the <code>.back-to-top div</code> beside the <code>.container div</code>.</p>
  
  <p>How can I get this?</p>