折叠模式下的我的引导程序模板导航栏无效

时间:2018-05-10 15:13:54

标签: twitter-bootstrap navbar responsive

请有人帮助我,我不确定我做错了什么。

我已尝试过所有修复程序,但似乎无法修复导航栏。响应视图中导航栏中的链接不可点击。我在w3学校使用了一个教程,所以不确定是什么导致它。此外,导航栏中的文本格式不正确。任何帮助将不胜感激。 TIA

以下代码:

<body data-spy="scroll" data-target=".navbar-collapse">

    <div class="culmn">
        <!--Home page style-->


        <nav class="navbar navbar-default bootsnav navbar-fixed" role="navigation">

         <div class="navbar-top bg-grey fix">                   
             <div class="container">

                    <div class="row">
                      <div class="col-md-6">
                            <div class="navbar-callus text-left sm-text-center">
                                <ul class="list-inline">
                                    <li><a href="tel:0878209100"><i class="fa fa-phone"></i> Call us: 087 820 9100</a></li>
                                    <li><a href="mailto:sales@urs.co.za"><i class="fa fa-envelope-o"></i> Contact us: sales@urs.co.za</a>
                                    </li>
                                </ul>
                            </div>
                        </div>

                    </div>
                </div>
            </div>





                <!-- Start Header Navigation -->
                <div class="container">
                <div class="row">
                <div class="navbar-header" role=navigation>
                  <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#NavBarMenu">
                        <i class="fa fa-bars"></i>
                    </button>
                  <a href="index.html"><img src="assets/images/URS-Logo.png" alt="" width="150" class="logo"></a>


                </div>
                <!-- End Header Navigation -->

                <!-- navbar menu -->
                <div class="navbar-collapse collapse " id="NavBarMenu">
                  <ul class="nav navbar-nav navbar-right">                  
                        <li><a href="About.html">Our Story</a></li>
                    <li class="dropdown">
    <a href="Solutions.html" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false">Solutions</a>
     <ul class="dropdown-menu"> 
     <li><a href="Solutions.html#BI">Retail Software</a></li>
     <li><a href="Solutions.html#RI">Business Intelligence</a></li>
     <li><a href="Solutions.html#Integrations">Integrations</a></li>
     <li><a href="Solutions.html#DM">Data Management</a></li>
    </ul>
   </li>
                        <li><a href="Customers.html">Our Customers</a></li>
                        <li><a href="Support.html">Support</a></li>
                        <li><a href="Contact.html">Contact</a></li>
                    </ul>

                </div><!-- /.navbar-collapse -->
    </div>
</div>
      </nav>
</div>

0 个答案:

没有答案