title: Bootstrap 3 right align a select input group
body: <p>I can't seem to figure out how to right align select input groups in bootstrap 3.  No matter what i try it aligns on the right.  If you look at the fiddle below, im trying to align the select and button inputs to the right of the gray box.  Any help would be greatly appreciated.</p>
  
  <p><a href="http://jsfiddle.net/TPE4h/" rel="noreferrer">fiddle</a></p>
  
  <pre><code>&lt;body&gt;
          &lt;div class="container"&gt;
              &lt;div class="row"&gt;
                  &lt;div id="header-right-container" class="col-lg-3 col-md-4 col-sm-4 col-xs-12" style="background-color: #eee;"&gt;
                      &lt;div class="row"&gt;
                          &lt;div class="input-group"&gt;
                              &lt;span class="input-group-addon"&gt;&lt;span class="glyphicon glyphicon-globe"&gt;&lt;/span&gt;&lt;/span&gt;
                              &lt;select class="form-control input-sm" style="width:150px"&gt;
                                  &lt;option value="1"&gt;option 1&lt;/option&gt;
                                  &lt;option value="2"&gt;option 2&lt;/option&gt;
                                  &lt;option value="3"&gt;option 3&lt;/option&gt;
                              &lt;/select&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                      &lt;div class="row"&gt;
                          &lt;div class="btn-group"&gt;
                              &lt;a id="headerUserButton" class="btn btn-sm btn-primary dropdown-toggle" data-toggle="dropdown" href="##"&gt;
                                  &lt;i class="glyphicon glyphicon-user"&gt;&lt;/i&gt; User Name
                                  &lt;span class="caret"&gt;&lt;/span&gt;
                              &lt;/a&gt;
                              &lt;ul class="dropdown-menu"&gt;
                                  &lt;!-- dropdown menu links --&gt;
                                  &lt;li&gt;&lt;a href="#"&gt;Option A&lt;/a&gt;&lt;/li&gt;
                                  &lt;li&gt;&lt;a href="#"&gt;Option B&lt;/a&gt;&lt;/li&gt;
                                  &lt;li&gt;&lt;a href="#"&gt;Option C&lt;/a&gt;&lt;/li&gt;
                              &lt;/ul&gt;
                          &lt;/div&gt;&lt;!--- /.btn-group ---&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;/body&gt;
  </code></pre>