将内容添加到选项卡下拉菜单html / bootstrap

时间:2016-07-12 00:56:25

标签: html

使用我的HTML代码,我在选项卡中创建了一个下拉菜单。我需要将内容添加到那些个人"标签"在下拉菜单中。我需要帮助将这些联系在一起。

<div class="container">
   <ul class="nav nav-tabs">
<li class="active tab_class" style="background: #009933"><a data-toggle="tab" href="#about">About</a></li>
  <li class="dropdown">
    <a class="dropdown-toggle" style="background: #009933" data-toggle="dropdown" href="#">Teaching
    <span class="caret"></span></a>
    <ul class="dropdown-menu">
      <li><a href="#a">Submenu 1-1</a></li>
      <li><a href="#b">Submenu 1-2</a></li>
      <li><a href="#c">Submenu 1-3</a></li> 
    </ul>
  </li>
<li class = "tab_class" style="background: #009933"><a data-toggle="tab" href="#research">Research</a></li>
  </ul>
  </div>

这是我的代码看起来像创建标签的内容。如何才能正确使用类和href将内容添加到每个子选项卡中?我想我可能没有正确地使子标签处于活动状态,但我也不确定如何做到这一点。我也在HTML中使用bootstrap并正确导入。

任何帮助将不胜感激!感谢

0 个答案:

没有答案