title: Center a Bootstrap drop-down select scroll bar to the selected item
body: <p>Here's a question on how to <a href="https://stackoverflow.com/q/20100359">center a <code>&lt;select&gt;</code> scroll bar to the selected item</a>.</p>
  
  <p>I'd like to find a way to do the same thing for a Bootstrap Dropdown Menu so that the menu automatically scrolls to the <code>.active</code> list item.</p>
  
  <p>Here's some code:</p>
  
  <pre><code>&lt;ul&gt;
    &lt;li class="dropdown switch"&gt;
      &lt;a href="active" class="dropdown-toggle" data-toggle="dropdown" id="switch-a"&gt;
        &lt;span&gt;Name&lt;/span&gt;
      &lt;/a&gt;
      &lt;ul class="dropdown-menu switch-items" id="switch-dd"&gt;
        &lt;li&gt;...&lt;/li&gt;
        &lt;li&gt;...&lt;/li&gt;
        &lt;li class="active active-dd"&gt;&lt;/li&gt;
        .
        .
        .
        &lt;li&gt;...&lt;/li&gt;
      &lt;/ul&gt;
    &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>Is this possible or do I have to a HTML <code>&lt;select&gt;</code> and spending time styling it? </p>