当选择li时,我的bootstrap导航菜单不会崩溃

时间:2018-04-10 17:44:35

标签: twitter-bootstrap-3 menu navbar nav

我试图开始自己的事业并希望通过使用我购买的基于bootstrap 3的模板来节省一些钱。

当选择菜单项或有人点击菜单外时,手机上的菜单不会崩溃。显然它不应该让我感到非常违反直觉,但我们去了。当选择某个主题或有人点击菜单外,我怎么能让它崩溃呢?这里有类似的问题,但到目前为止还没有一个对我有用。我可能会做一些愚蠢的事情。

                    <nav class="navbar navbar-default">
                    <div class="row">
                        <div class="navbar-header col-md-3 col-sm-3">
                            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#nav-res"> <span class="sr-only">Toggle navigation</span> <span class="fa fa-navicon"></span> </button>
                            <!--======= LOGO =========-->
                            <div class="logo col-2"><img src="images/pdriving4.png" alt="" ></div>
                        </div>

                        <!--======= MENU =========-->
                        <div class="col-md-9 col-sm-9">
                            <div class="collapse navbar-collapse" id="nav-res">
                                <ul class="nav navbar-nav">
                                    <li class="dropdown active"> <a href="index.php" class="dropdown-toggle">Home </a></li>
                                    <li class="dropdown"> <a href="#inspectors" class="dropdown-toggle">About Paul</a></li>
                                    <li class="dropdown"> <a href="#portfolio" class="dropdown-toggle">Passed Gallery </a>   </li> 
                                    <li class="dropdown"> <a href="#pricing" class="dropdown-toggle">Courses </a></li>
                                    <li><a href="#interested">Contact</a></li>                                                            
                                    <li class="dropdown"> <a href="#news" class="dropdown-toggle">FAQs </a></li>                                        
                                    <li class="dropdown"> <a href="Payment_page_now.php" class="dropdown-toggle">Book Now </a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </nav>

0 个答案:

没有答案