How to position bootstrap buttons where I want?
<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>