title: Bootstrap drop down pull-left not working
body: <p>I have tried putting pull-left on everything and whatever I do the drop down menu containing 'Edit' and 'Destroy' falls to the right meaning I get nasty scrollbars appearing.</p>
  
  <p><strong>HAML</strong> version:</p>
  
  <pre><code>.btn-group
    %button{ :class =&gt; 'btn btn-mini dropdown-toggle', 'data-toggle' =&gt; 'dropdown' }
      %span.icon-cog
    %ul.dropdown-menu
      %li= link_to 'Edit', '#'
      %li= link_to 'Destroy', '#'
  </code></pre>
  
  <p><strong>HTML</strong> version:</p>
  
  <pre><code>&lt;div class='btn-group'&gt;
    &lt;button class='btn btn-mini dropdown-toggle' data-toggle='dropdown'&gt;
      &lt;span class='icon-cog'&gt;&lt;/span&gt;
    &lt;/button&gt;
    &lt;ul class='dropdown-menu nav pull-left'&gt;
      &lt;li&gt;&lt;a href="#"&gt;Edit&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;Destroy&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>