2017-09-27 59 views
0

另一個下拉我有我的導航欄顯示的下拉菜單,看起來像這樣:有一個下拉

Navbar Dropdown

現在我加了一個「聯繫我們」選項卡「HR &管理」菜單上。

ContactUs

所以是有可能使「聯繫我們」下拉基於我的代碼

這裏是我的html:

<div class="collapse navbar-collapse" id="bs-navbar-collapse"> 
 
        <ul class="nav navbar-nav main-navbar-nav"> 
 
         <li class="active"><a href="index.php" title="">HOME</a></li> 
 
         <li class="dropdown"> 
 
          <a href="#" title="" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">HR & Admin <span class="caret"></span></a> 
 
          <ul class="dropdown-menu"> 
 
           <li><a href="coc.php" title="">C.O.C.</a></li> 
 
\t \t \t \t \t \t \t \t <li><a href="coc.php" title="">Contact Us</a></li> 
 
           <li><a href="job.php" title="">Job Vacancies</a></li> 
 
          </ul> 
 
         </li>

+1

是的,這是可能的。你試過什麼了? –

+0

@JonUleis我還沒有嘗試過任何東西,我很抱歉。我只是想知道這是否可能。 –

回答

3

是像這樣,離開css來你當然: -

<ul class="nav navbar-nav main-navbar-nav"> 
 
    <li class="active"><a href="index.php" title="">HOME</a></li> 
 
    <li class="dropdown"> 
 
     <a href="#" title="" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" 
 
      aria-expanded="false">HR & Admin <span class="caret"></span></a> 
 
     <ul class="dropdown-menu"> 
 
      <li><a href="coc.php" title="">C.O.C.</a></li> 
 
      <li><a href="coc.php" title="">Contact Us</a> 
 
       <ul class="dropdown-menu-2"> 
 
        <li><a href="#" title="">Link</a></li> 
 
        <li><a href="#" title="">Link</a></li> 
 
        <li><a href="#" title="">Link</a></li> 
 
       </ul> 
 
      </li> 
 
      <li><a href="job.php" title="">Job Vacancies</a></li> 
 
      
 
     </ul> 
 
    </li> 
 
</ul>

1

只需要添加另外ü李麗裏面你的聯繫我們李喜如此:

<li><a href="coc.php" title="">Contact Us</a></li> 
    <ul> 
     <li>Example 1</li> 
     <li>Example 2</li> 
    </ul> 
</li>