title: How does one right-justify bootstrap pills with css
body: <p>I have a header with three sections, left, middle and right.  I cant seem to come up with the proper css to make the column on the right (with 'email history' and 'back to list') float to the right side of the column. How can anyone tell me how this is done?  Any help is appreciated.</p>
  
  <pre><code>&lt;div class="col-sm-5" style="text-align:left"&gt;
      &lt;button type="submit" class="btn btn-primary btn-lg navbar-btn"&gt;Save Contact&lt;/button&gt;
  &lt;/div&gt;
  &lt;div class="col-sm-2" style="text-align:center"&gt;
     &lt;h2 class="branding"&gt;Edit Contact&lt;/h2&gt;
  &lt;/div&gt;
  &lt;div class="col-sm-5"&gt;
     &lt;ul class="nav nav-pills"&gt;
        &lt;li class="active"&gt;&lt;a href="/GoHistory"&gt;Email History&lt;/a&gt;&lt;/li&gt;
        &lt;li class="active"&gt;&lt;a href="/email_marketing/contact-list"&gt;Back To List&lt;/a&gt;&lt;/li&gt;
     &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>