title: Bootstrap dropdown-menu defaults to open when site loads
body: <p>The issue I am having is that I have added a dropdown menu inside of my navigation bar for my site that uses bootstrap, and cannot figure out why the dropdown opens as the default state when the site opens. I am new to bootstrap. I have attached the code for the navbar below:</p>
  
  <pre><code>&lt;div class="navbar navbar-inverse"&gt;
              &lt;ul class="nav nav-pills pull-right"&gt;
                  &lt;li class="dropdown"&gt;
                      &lt;a data-toggle="dropdown" class="dropdown-toggle"&gt;
                          &lt;span class="glyphicon glyphicon-list"&gt;&lt;/span&gt;
                      &lt;/a&gt;
                      &lt;ul role="menu" class="dropdown-menu"&gt;
                          &lt;li&gt;&lt;a&gt;Add New Item&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a&gt;PC Requests&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a&gt;Kit Building&lt;/a&gt;&lt;/li&gt;
                      &lt;/ul&gt;
                  &lt;/li&gt;
                  &lt;li class="active"&gt;&lt;a href="#"&gt;Home&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#"&gt;Audit&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#"&gt;Check-Out&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#"&gt;Check-In&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
              &lt;h3 class="text-muted"&gt;&lt;span class="glyphicon glyphicon-eye-open"&gt;&lt;/span&gt;  Gentex Vision IVMS&lt;/h3&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Any help would be greatly appreciated!</p>