CODEWITHSUNDEEP
twitter-bootstrap
mav
mav

Reputation: 25

Bootstrap navbar collapse is not working

Starting to learn Bootstrap and have a problem... My navbar toggle is not working for some reason...
Here's my code:

<nav>
        <div class="container">
            <div class="row">

                <div class="navbar-header">
                    <a href="#" class="navbar-brand logo">
                        <img src="img/logo.png" alt="Logo">
                    </a>

                    <button class="navbar-toggle collapsed menu_btn" data-toogle="collapse" data-target="#top_menu">
                        Menu
                    </button>
                </div>

                <div class="collapse navbar-collapse navbar-right" id="top_menu">
                    <ul class="menu">
                        <li><a href="#">Features</a></li>
                        <li><a href="#">Works</a></li>
                        <li><a href="#">our team</a></li>
                        <li><a href="#">testimoials</a></li>
                        <li><a href="#">download</a></li>
                    </ul>
                </div>
            </div>
            <div class="top_line"></div>
        </div>
    </nav>

Libraries are correct.

Thank you!

Upvotes: 0

Views: 69

Answers (2)

Dejan Lacmanovic
Dejan Lacmanovic

Reputation: 141

You have a typo..

data-toogle="collapse"

should be

data-toggle="collapse"

Upvotes: 2

Ajay Suvarna
Ajay Suvarna

Reputation: 1

<div class="container">
   <div class="row">
     <nav class="navbar navbar-default">
       <div class="navbar-header">
           <a href="#" class="navbar-brand logo">
               <img src="img/logo.png" alt="Logo" />
           </a>
           <button class="navbar-toggle collapsed menu_btn" data-toggle="collapse" data-target="#top_menu">Menu</button>
       </div>
       <div class="collapse navbar-collapse navbar-right" id="top_menu">
         <ul class="nav navbar-nav" class="menu">
           <li><a href="#">Features</a></li>
           <li><a href="#">Works</a></li>
           <li><a href="#">our team</a></li>
           <li><a href="#">testimoials</a></li>
           <li><a href="#">download</a></li>
         </ul>
       </div>
     </nav>
   </div>
   <div class="top_line"></div>
</div>

Upvotes: 0

Related Questions