title: How to position bootstrap buttons where I want?
body: <p>Inside this code</p>
  
  <pre><code>&lt;div class="content"&gt;
      &lt;h1&gt;TraceMySteps&lt;/h1&gt;
         &lt;div&gt;
              &lt;div range-slider
                   floor="0"
                   ceiling="19"
                   dragstop="true"
                   ng-model-low="lowerValue"
                   ng-model-high="upperValue"&gt;&lt;/div&gt;
          &lt;/div&gt;
      &lt;button type="button" class="btn btn-primary" id="right-panel-link" href="#right-panel"&gt;Visualizations Panel&lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I have my <code>bootstrap</code> button created. The problem here is that it is positioned on the bottom left of my div. I want to put it on the top-right/center of the div, aligned with my title (<code>h1</code>). How do I position it where I want it? I'm new to <code>bootstrap</code> so I do not know about these workarounds. Thank you.</p>