I need my search icon into search bar : So I am trying to have a search icon only in my nav bar which is up there, but I want a search bar to drop down when the search icon is clicked on I don't know what I'm doing with this code lol


          	
           <ul class="nav navbar-nav navbar-right">
           
          

                          <li class="dropdown">
                
                    <a href="#navs" class="dropdown-toggle" data-toggle="dropdown">
                    
                     <span style="color:white" class="glyphicon glyphicon-search"></span></a>
                   
                    <ul class="dropdown-menu" role="menu">
                        <li>
                           <input type="hidden" name="cx" />
               <input type="hidden" name="ie" value="UTF-8" />
              <input type="text" name="q" size="25" />
              <input type="submit" name="sa" value="Search" />
  

                </form>
                        </li>
                    </ul>
                </li>
                </ul>
              </div>
            </div>