title: Dropdown menu not working in desktop mode
body: <p>I am working on the CSS dropdown below. It is working fine for the mobile version but for the desktop version it is creating a problem.</p>
  
  <pre><code>&lt;div class="container"&gt; 
          &lt;div class="navbar-header"&gt;
              &lt;div class="col-lg-12 col-md-12 col-sm-12 col-xs-6"&gt; &lt;a class="navbar-brand" href="#/home"&gt;&lt;img src="img/logo.png" class="img-responsive" alt="Learn Education" title="Learn Education"/&gt;&lt;/a&gt;&lt;/div&gt;
              &lt;button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"&gt; &lt;span class="sr-only"&gt;Toggle navigation&lt;/span&gt; &lt;span class="icon-bar"&gt;&lt;/span&gt; &lt;span class="icon-bar"&gt;&lt;/span&gt; &lt;span class="icon-bar"&gt;&lt;/span&gt; &lt;/button&gt;
          &lt;/div&gt;
          &lt;div class="collapse navbar-collapse col-lg-6 col-md-6 col-sm-12 col-xs-7 pull-right" id="bs-example-navbar-collapse-1" style="border:none;border-radius:15px;"&gt;
              &lt;ul class="nav navbar-nav navbar-right changeme" id="visibid"&gt;
                  &lt;li&gt; &lt;a href="#" data-toggle="collapse" data-target=".navbar-collapse"&gt;Home&lt;/a&gt; &lt;/li&gt;
                  &lt;li&gt;&lt;a href="#" data-toggle="collapse" data-target=".navbar-collapse"&gt;LogIn&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#" data-toggle="collapse" data-target=".navbar-collapse"&gt;SignUp&lt;/a&gt;&lt;/li&gt;
                      &lt;li class="dropdown"&gt;
                          &lt;a href="#" data-toggle="dropdown" class="dropdown-toggle"&gt;Sample Test &lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt;
                          &lt;ul class="dropdown-menu"&gt;
                              &lt;li&gt;&lt;a href="#" data-toggle="collapse" data-target=".navbar-collapse"&gt;Mathematics&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="#" data-toggle="collapse" data-target=".navbar-collapse"&gt;Physics&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="#" data-toggle="collapse" data-target=".navbar-collapse"&gt;Chemistry&lt;/a&gt;&lt;/li&gt;
                          &lt;/ul&gt;
                      &lt;/li&gt;
                  &lt;li&gt;&lt;a href="#" data-toggle="collapse" data-target=".navbar-collapse"&gt;Reports&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#" data-toggle="collapse" data-target=".navbar-collapse"&gt;About Us&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#" data-toggle="collapse" data-target=".navbar-collapse"&gt;Contact Us&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#" data-toggle="collapse" data-target=".navbar-collapse"&gt;DashBoard&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
          &lt;/div&gt; 
      &lt;/div&gt;
  </code></pre>
  
  <p>Here is the <a href="http://plnkr.co/edit/c7D8XTIftlwGCkwfBzYb?p=preview" rel="nofollow noreferrer">Plnkr</a>.</p>
  
  <p>In order to see the error please switch to fullscreen mode and press any of those buttons.</p>