Bootstrap toggle navbar, not showing menu properly

My bootstrap navbar is not showing properly when the toggle button is hit. After clicking on the toggle button I am able to see the menu items but without any background. After showing the links/menutiems are "unclickable". Please help. I am unable to put a screenshot as I do not have many points but I am having a similar problem to the one mentioned in this link Bootstrap Navbar Toggle not rendering properly

<header id="topHead">
            <div class="container">

                <!-- PHONE/EMAIL -->
                <span class="quick-contact pull-left">
                    <i class="fa fa-phone"></i> 1800-555-1234 &bull; 
                    <a class="hidden-xs" href="mailto:mail@yourdomain.com">mail@domain.com</a>
                </span>
                <!-- /PHONE/EMAIL -->

                <!-- LANGUAGE -->

                <!-- /LANGUAGE -->


                <!-- SIGN IN -->

                <!-- /SIGN IN -->

                <!-- CART MOBILE BUTTON -->
                <a class="pull-right" id="btn-mobile-quick-cart" href="shop-cart.html"><i class="fa fa-shopping-cart"></i></a>
                <!-- CART MOBILE BUTTON -->

                <!-- LINKS -->
                <div class="pull-right nav hidden-xs">
                    <a href="/about"><i class="fa fa-angle-right"></i> About</a>
                    <a href="/contact-us"><i class="fa fa-angle-right"></i> Contact</a>
                </div>
                <!-- /LINKS -->

            </div>
        </header>  

    <nav class="navbar navbar-default topnav" style="margin-top:0px; height:30px;">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">

                  <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand topnav navbar-left" href="/home" style="padding-top:2px;">
                <img src="http://ift.tt/1lfyOwr" alt="Exelrate" height="40">
                </a>
            </div>
            <!-- Collect the nav links, forms, and other content for toggling -->



                <div class="navbar-collapse collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right" >

                                            <li class="">
                     <a href="" class="dropdown-toggle" data-toggle="dropdown"

style="font-weight:600;font-size:0.9em;font-family: 'Open Sans', sans-serif;">Login

•                                     <div class="form-group">
                                         <label class="sr-only" for="exampleInputEmail2">Email address</label>
                                         <input type="email" class="form-control" style="font-weight:300; font-size:0.8em;
  
  

  line-height:1.0em; height:28px;" id="email" name="email" placeholder="Email address" required> Password Remember me

                                      <div class="form-group">
                                         <button type="submit" class="btn btn-success btn-block" style="font-weight:300;
  
  

  font-size:0.8em; line-height:1.0em;padding-top:5px;">Sign in

                                         <p><a href="password/email" style="font-weight:300; font-size:0.8em;
  
  

  line-height:1.0em;padding-top:5px;">Forgot password?

•                         <li>
  
                             <a href="auth/facebook" class="btn btn-block btn-social btn-facebook soc" style="color:white;">
      Sign in with Facebook
    </a>
  
    <a href="auth/google" class="btn btn-block btn-social btn-google soc" style="color:white;">
      Sign in with Google
    </a>
  
                          </li>
                       </ul>
                    </li>
                          <li><a href="/auth/register" class="active" style="font-size:0.9em;font-weight:600;font-family:
  
  

  'Open Sans', sans-serif; ">Register

• KOLKATA BANGALORE
• NEW DELHI
• MUMBAI
• CHENNAI

•                 </ul> 
  
                  <ul class="nav navbar-nav navbar-right" >
  
                      <li style="">
                          <a href="/auth/dregister" class="active" style="font-size:0.9em;font-weight:600;font-family: 'Open Sans',
  
  

  sans-serif; padding-right:20px;">DEALER'S PANEL

•                 </ul>
  
                  </div>
  
  
  
              <!-- /.navbar-collapse -->
          </div>
  
          <!-- /.container -->
      </nav>
  
      </div>
  
  

via Chebli Mohamed