title: alignment for twitter bootstrap dropdown-menu
body: <p>I have designed a bootstrap navbar with dropdown menu</p>
  
  <p><a href="http://jsfiddle.net/yabasha/fex8N/3/" rel="noreferrer">http://jsfiddle.net/yabasha/fex8N/3/</a></p>
  
  <pre><code>&lt;nav class="navbar navbar-inverse"&gt;
  &lt;div class="navbar-inner"&gt;
      &lt;ul class="nav"&gt;
          &lt;li&gt;&lt;a href="#"&gt;Home&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;Link&lt;/a&gt;&lt;/li&gt;
          &lt;li class="dropdown"&gt;
              &lt;a href="#" class="dropdown-toggle" data-toggle="dropdown"&gt;Dropdown &lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt;
          &lt;ul class="dropdown-menu"&gt;
              &lt;li&gt;&lt;a href="#"&gt;Link&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;Link&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;Link&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
          &lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <pre><code>ul.nav li.dropdown:hover &gt; ul.dropdown-menu{
  display: block;    
  }
  </code></pre>
  
  <p>Is there a way to change the default alignment for the dropdown-menu (from left to center / right) so the arrow would display in center / right?</p>