Question

我的导航栏没有按预期工作，它会折叠但是当我点击时我无法展开它：

  <!-- Navbar -->
 <nav class="navbar navbar-fixed-top res" role="navigation" id="my-navbar">
   <div class="container-fluid">
       <div class="navbar-header">
           <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
           </button>
           <a href="" class="navbar-brand"></a>
       </div><!--End navbar-header -->
       <div class="collapse navbar-collapse navbar-right" id="navbar-collapse">
           <ul class="nav navbar-nav"data-spy="affix" data-offset-top="10">
               <li><a href="#">Feedback</a>
               <li><a href="#">Gallery</a>
               <li><a href="#">Features</a>
               <li><a href="#">Faq</a>
               <li><a href="#">ContactUs</a>
           </ul>
       </div>
       <div class ="container-fluid" id="skullcenter">
                <img style= "max-width:400px" src="http://i264.photobucket.com/albums/ii199/mariniyakaos/Untitled-4_zpsjwcyu3cy.png" alt="">
                 </div>
       <!--<h1>CONVERTIMOS TUS IDEAS EN ATRACTIVOS DISEÑOS.</h1>-->
       <div class="container" id="socialmedia">
       <i class="fa fa-facebook-square fa-4x"></i>
       <i class="fa fa-twitter-square fa-4x"></i>
       <i class="fa fa-linkedin-square fa-4x"></i>
       </div><!--Social DIV CONTAINER-->
   </div><!-- End container -->

编辑修复我的代码，我忘了复制结束div和nav。

Answer 1

为navbar-default

添加课程nav

关闭代码nav和div

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet"/>
<nav class="navbar  navbar-default navbar-fixed-top res" role="navigation" id="my-navbar">
    <div
    class="container-fluid">
        
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse"> <span class="icon-bar"></span>
 <span class="icon-bar"></span>
 <span class="icon-bar"></span>
 <span class="icon-bar"></span>
            </button> 
            <a href="#" class="navbar-brand"></a>
        </div>
        
        <div class="collapse navbar-collapse navbar-right" id="navbar-collapse">
            <ul class="nav navbar-nav" data-spy="affix" data-offset-top="10">
                <li><a href="#">Feedback</a></li>
                <li><a href="#">Gallery</a></li>
                <li><a href="#">Features</a></li>
                <li><a href="#">Faq</a></li>
                <li><a href="#">ContactUs</a></li>
                    
            </ul>
        </div>
    </div>
</nav>

＆＃13;

崩溃后我的导航栏没有扩展

1 个答案: