トグルボタンが機能しない

Question

ナビゲーションタブメニューバーコードのトグルボタンを追加しました。それは価値を取るがdidintは何かを返す。アイコンをクリックすると動作しますが、画面には表示されません..................... 私を助けてください。 ここに私のコードは..です

 <nav class="navbar navbar-default navbar-fixed-top" role="navigation"> 
      <div class="container-fluid"> 

       <!-- Logo & Responsive Menu --> 
       <div class="navbar-header"> 
        <button type="button" id="nav-toggle" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navigation-menu"> 
         <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" href="<?php echo base_url(); ?>"><img src="http://liveyogis.com/assets/img/final-logo-liveyogis.png" alt="logo" role="banner"></a> 
       </div> <!-- End navbar-header --> 

       <!-- Navigation --> 

       <nav id="navigation-menu" class="collapse navbar-collapse" role="navigation"> 
        <ul class="nav navbar-nav navbar-right"> 
        <li <?php if ($active == 'corporate') echo 'class="selected-nav animate_text"'; else 'class="animate_text"'; ?>><a id="GoToClients" href="<?php echo site_url('yoga-for-corporate'); ?>">Yoga For Corporate</a></li> 
        <li <?php if ($active == 'home') echo 'class="selected-nav"'; ?>><a id="GoToHome" class="" href="<?php echo site_url(); ?>">Home</a></li> 
        <li <?php if ($active == 'trainer') echo 'class="selected-nav"'; ?>><a id="GoToAbout" href="<?php echo site_url(); ?>trainers">Trainers</a></li>  
        <li <?php if ($active == 'about-us') echo 'class="selected-nav"'; ?>><a id="GoToFeatures" href="<?php echo site_url(); ?>about-liveyogis">About Us</a></li> 
        <li <?php if ($active == 'blog') echo 'class="selected-nav"'; ?>><a id="GoToBlog" href="<?php echo site_url(); ?>blog/yoga-blogs">Blogs</a></li> 
        <li <?php if ($active == 'faq') echo 'class="selected-nav"'; ?>><a id="GoToFaq" href="<?php echo site_url(); ?>liveyogis-faq">FAQ</a></li> 
        <li <?php if ($active == 'contact-us') echo 'class="selected-nav"'; ?>><a id="GoToPricing" href="<?php echo site_url(); ?>contact-liveyogis">Contact Us</a></li>  

        <?php 

          if ($this->session->userdata('user_id')) { 
           ?> 
           <li class="dropdown"><span class=profile_pic> 
             <?php 
              /*echo $this->session->userdata('img').' IMAGEii<br/>';*/ 
              if($this->session->userdata('img')){ ?> 

               <strong> <?php echo substr($this->session->userdata('name'), 0, 6); ?> </strong> 

               <img src="http://liveyogis.com/dashboard/uploads/img/users/<?php echo $this->session->userdata('img'); ?>" height="50"> 


             <?php } 
              else{ 
               echo substr($this->session->userdata('name'), 0, 6); 

              } 
             ?>            
            <ul class="dropdown-content"> 
             <li ><a href=<?php echo base_url(); ?>dashboard/index.php/liveyogis/dashboard><i class=icon-gear_wheel></i> My Account</a></li> 
             <li><a href="<?php echo site_url(); ?>login_c/logout_customer"><i class=icon-lock> </i> Logout</a></li> 
            </ul> 
           </li> 
           <?php 
          } else { 
           ?> 
           <li <?php if ($active == 'login') echo 'class="selected-nav"'; ?>><a href="<?php echo site_url(); ?>login">Login | Register</a></li> 
           <?php 
          } ?>    

        </ul> 
       </nav> <!-- End navbar-collapse --> 

      </div> <!-- End container --> 
      <br /> 
     </nav> <!-- End navbar --> 

    </header> 

Answer 1

あなたは私はあなたのコードのPHPの一部を削除した

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.5/css/bootstrap.min.css" /> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
<script src="https://npmcdn.com/tether@1.2.4/dist/js/tether.min.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.5/js/bootstrap.min.js"></script> 

それが動作するために、次のリソースを追加し、いくつかのランダムなHTMLを配置する必要があり

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.5/css/bootstrap.min.css" /> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
 
<script src="https://npmcdn.com/tether@1.2.4/dist/js/tether.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.5/js/bootstrap.min.js"></script> 
 
<nav class="navbar navbar-default navbar-fixed-top" role="navigation"> 
 
      <div class="container-fluid"> 
 

 
       <!-- Logo & Responsive Menu --> 
 
       <div class="navbar-header"> 
 
        <button type="button" id="nav-toggle" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navigation-menu">Toggle navigation</button> 
 
         <span class="icon-bar"></span> 
 
         <span class="icon-bar"></span> 
 
         <span class="icon-bar"></span> 
 
        </button> 
 
       </div> <!-- End navbar-header --> 
 

 
       <!-- Navigation --> 
 

 
       <nav id="navigation-menu" class="collapse navbar-collapse" role="navigation"> 
 
        <ul class="nav navbar-nav navbar-right"> 
 
       <li>hi</li>    
 

 
        </ul> 
 
       </nav> <!-- End navbar-collapse --> 
 

 
      </div> <!-- End container --> 
 
      <br /> 
 
     </nav> <!-- End navbar -->