2017-09-27 20 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>