如何申請引導邊欄和邊欄崩潰菜單

Question

如何申請引導邊欄&邊欄崩潰菜單

<ul class="nav nav-sidebar"> 
    <li> 
     <a data-toggle="collapse" href="#collapseTwo" aria-expanded="true" data-parent="#accordion" > 
      <i class="glyphicon glyphicon-info-sign"></i> 
      About Us 
     </a> 
    </li> 
    <li> 
     <ul id="collapseTwo" class="collapse"> 
      <li> 
       <a href="<?php base_url() ?>Quote">Quote</a> 
      </li> 
      <br/> 
      <li> 
       <a href="<?php base_url() ?>Aboutus">About Us Page Content</a>  
      </li> 
     </ul> 
    </li> 
</ul> 

所以如何申請引導邊欄&邊欄只有崩潰菜單

Answer 1

試試這個代碼

html

<ul id="nav"> 
    <li><a href="Home">Home</a></li> 
    <li><a href="#">Products [+]</a> 
     <ul> 
      <li><a href="Products">All Products</a></li> 
      <li><a href="#">Product1 [+]</a> 
       <ul> 
        <li><a href="Product1">Product1</a></li> 
       </ul> 
      </li> 
      <li><a href="#">Product2 [+]</a> 
       <ul> 
        <li><a href="Product2">Product2</a></li> 
       </ul> 
      </li>      
     </ul> 
    </li> 
    <li><a href="Services">Services [+]</a> 
     <ul> 
      <li><a href="service1">Service 1</a></li> 
      <li><a href="service2">Service 2</a></li> 
      <li><a href="service3">Service 3</a></li> 
     </ul> 
    </li> 
    <li><a href="Support">Support</a></li> 
    <li><a href="Contact">Contact</a></li> 
</ul> 

demo