title: Float:right not working? [Bootstrap 3 Panel]
body: <p>I am working on a bootstrap 3 project at the moment and i have added a button called "Add Shipment, i want this button to stay fixed to the right hand side of the panel but when I give it the style of float:right or class of pull-right, it doesn't work.</p>
  
  <p>The design must be responsive so therefore I cannot just give it a class of float: left and then put margin-left: XXX</p>
  
  <p>Please let me know if you know how to solve this, the code and screenshot are below.</p>
  
  <pre><code>&lt;div class="row" style="margin-top:-20px;"&gt;
  &lt;div class="col-md-10 col-md-offset-1"&gt;
      &lt;div class="panel panel-primary panel-table" style="border-radius:50px"&gt;
          &lt;div class="panel-heading" style="background-color:#EFEFEF; border: 1px solid #CCCCCC; height:45px; width:auto"&gt;
              &lt;div class="panel-title" style="padding:0; width:auto" &gt;
  
  
              &lt;div class="input-group input-group-sm" style="width:200px; margin-top:7px; margin-left:10px; float:left"&gt;
                  &lt;span class="input-group-addon"&gt;&lt;span class="glyphicon glyphicon-search"&gt;&lt;/span&gt;&lt;/span&gt;
                  &lt;input type="text" class="form-control" placeholder="Filter"&gt;
              &lt;/div&gt;
  
              &lt;div class="btn-group" style="float:left; margin-left:25px; margin-top:6px"&gt;
                &lt;button type="button" class="btn btn-default"&gt;All&lt;/button&gt;
                &lt;button type="button" class="btn btn-default"&gt;&lt;span class="glyphicon glyphicon-ok"&gt;&lt;/span&gt;&lt;/button&gt;
                &lt;button type="button" class="btn btn-default"&gt;&lt;span class="glyphicon glyphicon-road"&gt;&lt;/span&gt;&lt;/button&gt;
                &lt;button type="button" class="btn btn-default"&gt;&lt;span class="glyphicon glyphicon-exclamation-sign"&gt;&lt;/span&gt;&lt;/button&gt;
                &lt;button type="button" class="btn btn-default"&gt;&lt;span class="glyphicon glyphicon-remove"&gt;&lt;/span&gt;&lt;/button&gt;
              &lt;/div&gt;
  
               &lt;button class="btn btn-info" style="margin-top:6px; float:right"&gt;Add Shipment&lt;/button&gt;
  
              &lt;/div&gt;  
          &lt;/div&gt;
  
          &lt;div class="panel-body" style="background-color:#F2F2F2; border: 1px solid #CCCCCC; height:200px"&gt;  
  
  
  
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>Current screenshot of results from that code:</p>
  
  <p><img src="https://i.stack.imgur.com/xSlCm.png" alt="enter image description here"></p>