title: Bootstrap navbar not working on mobile
body: <p>I use the below given code for my "home.html" using bootstrap.
  But the search bar and everything on it is not getting displayed while browsing the site through mobile.
  Please help with it!Thanks!</p>
  
  <pre><code>&lt;!-- Navigation --&gt;
  &lt;nav class="navbar navbar-default navbar-fixed-top" role="navigation"&gt;
      &lt;div class="container"&gt;
          &lt;!-- Brand and toggle get grouped for better mobile display --&gt;
          &lt;div class="navbar-header"&gt;
              &lt;button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navigationbar"&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;a class="navbar-brand" href="/"&gt;Get Started&lt;/a&gt;
          &lt;/div&gt;
          &lt;!-- Collect the nav links, forms, and other content for toggling --&gt;
          &lt;div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"&gt;
              &lt;ul class="nav navbar-nav navbar-right"&gt;
      &lt;li&gt;
              &lt;form class="navbar-form navbar-left" role="search" action="/search/" method="GET" id="search" autocomplete="off"&gt;
      &lt;div class="form-group"&gt;
        &lt;input type="text" class="form-control" placeholder="Select what to search for" name="query" width="100px"&gt;
        &lt;select name="drop" class="form-control" width="20"&gt;
        &lt;option value="1"&gt; Assigns&lt;/option&gt;
        &lt;option value="2"&gt; Subjects(Tutorials)&lt;/option&gt;
        &lt;option value="3"&gt; Subjects(Papers)&lt;/option&gt;
        &lt;/select&gt;
      &lt;/div&gt;
      &lt;button type="submit" class="btn btn-default"&gt;&lt;span class="glyphicon glyphicon-search"&gt;&lt;/span&gt;&lt;/button&gt;
    &lt;/form&gt;
  
  
      &lt;/li&gt;
                  &lt;li&gt;
                      &lt;a href="#home"&gt;Home&lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li&gt;
                      &lt;a href="#about"&gt;About&lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li&gt;
                      &lt;a href="#contact"&gt;Contact us&lt;/a&gt;
                  &lt;/li&gt;
              &lt;/ul&gt;
          &lt;/div&gt; 
  
          &lt;!-- /.navbar-collapse --&gt;
      &lt;/div&gt;
      &lt;!-- /.container --&gt;
  &lt;/nav&gt;
  </code></pre>