html - 水平导航下拉菜单的一些问题

Question

我正在尝试编写一个网站布局，基本上就是这样组织的:

Header (only an image)
Horizontal Nav
Content

起初，我的想法是只有一个容器 div，并将标题、导航和内容作为容器内的一个 div；但是，我在导航时遇到了一些麻烦。我希望它是水平导航，所以我只是制作了一个列表，并使用内联来实现它。当我开始尝试合并二级链接的下拉列表时，我遇到了问题。这是自 2009 年以来第一次编码任何东西，所以我实际上只是在学习新东西。我在谷歌上尝试了很多不同的东西，但我不明白他们的解释。

我应该在 div 中为我的列表使用 nav 标签吗？这是我一直用来尝试找出的 jsfiddle 基本代码:http://jsfiddle.net/mcpy/z8yvx/110/

Answer 1

那么为什么不能使用 bootstrap 呢？它非常易于使用，您可以在 Bootstrap 中获得下拉菜单。

例如 Bootstrap 中的脚本下拉列表:

<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
  <li><a tabindex="-1" href="#">Action</a></li>
  <li><a tabindex="-1" href="#">Another action</a></li>
  <li><a tabindex="-1" href="#">Something else here</a></li>
  <li class="divider"></li>
  <li><a tabindex="-1" href="#">Separated link</a></li>
</ul>

你可以在Boostrap Dropdown Menu中看到和学习.