简体   繁体   English

有人可以在我的代码中使用下拉菜单帮助我吗

[英]Can someone help me with a dropdown menu in my code

I need a dropdown in some of my links like, Klachten and Specialisaties.我需要在我的一些链接中使用下拉菜单,例如 Klachten 和 Specialisaties。

    <div class="navbar navbar-fixed-top">
  <div class="navbar-inner">
    <div class="container"> <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </a> <a class="brand" href="index.html"><span class="color-highlight"><img src="img/logo.png"></span></a>
      <div class="nav-collapse">
        <ul class="nav pull-right">
          <li class="active"><a href="index.html">Home</a></li>
          <li><a href="klachten.html">Klachten</a></li>
          <li><a href="#">Mensendieck</a></li>
          <li><a href="#">Specialisaties</a></li>
          <li><a href="#">De Praktijk</a></li>
          <li><a href="#">Contact</a></li>
        </ul>
      </div>
      <!--/.nav-collapse -->
    </div>
  </div>
</div>

You can use the select tag :您可以使用select标签:

<select>
    <option>Option 1</option>
    <option>Option 2</option>
    <option>Option 3</option>
    <option>Option 4</option>
</select>

-> http://www.w3schools.com/tags/tag_select.asp -> http://www.w3schools.com/tags/tag_select.asp

Or you can use bootstrap :或者您可以使用引导程序:

<li class="dropdown">
  <a class="dropdown-toggle" data-toggle="dropdown" href="#">Page 1 <span class="caret"></span></a>
  <ul class="dropdown-menu">
    <li><a href="#">Page 1-1</a></li>
    <li><a href="#">Page 1-2</a></li>
    <li><a href="#">Page 1-3</a></li>
  </ul>
</li>

-> http://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_navbar_collapse&stacked=h -> http://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_navbar_collapse&stacked=h

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM