title: Bootstrap: Position of dropdown menu relative to navbar item
body: <p>I have the following dropdown</p>
  
  <pre><code>&lt;label class="dropdown-toggle" role="button" data-toggle="dropdown" data-target="#"&gt;
      Action &lt;b class="caret"&gt;&lt;/b&gt;&lt;/label&gt;
  &lt;ul class="dropdown-menu" role="menu" aria-labelledby="lang-selector" id="lang-selector"&gt;
      dropdown content goes here
  &lt;/ul&gt;
  </code></pre>
  
  <p>The upper-left corner of the dropdown is at the lower-left corner of the text (Action), but I hope that the position of the upper-right corner of the dropdwon is at the lower-right place of the text. How can I do that?</p>