title: Bootstrap dropdown expanded at pageload
body: <p>I have a Bootstrap dropdown list. After the page has loaded, the menu is expanded. How can I fix this? </p>
  
  <p>Here's a screenshot and code:</p>
  
  <p><img src="https://i.stack.imgur.com/9Bs5o.png" alt="enter image description here"></p>
  
  <pre><code>    &lt;div class="col-lg-3"&gt;
         &lt;div class="bs-component"&gt;
            &lt;ul class="nav nav-pills nav-stacked"&gt;
              &lt;li class="dropdown open"&gt;
                &lt;a id="ModelFilter" class="dropdown-toggle" data-toggle="dropdown" href="#" aria-expanded="true"&gt;
                  Dropdown &lt;span class="caret"&gt;&lt;/span&gt;
                &lt;/a&gt;
                &lt;ul class="dropdown-menu"&gt;
                  &lt;li&gt;&lt;a href="#"&gt;Action&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#"&gt;Another action&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#"&gt;Something else here&lt;/a&gt;&lt;/li&gt;
                  &lt;li class="divider"&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#"&gt;Separated link&lt;/a&gt;&lt;/li&gt;
                &lt;/ul&gt;
              &lt;/li&gt;
            &lt;/ul&gt;
         &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>