Question

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

Header (only an image)
Horizontal Nav
Content

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

我应该在div中使用导航标签吗？这是我一直用来尝试找出的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中查看和学习。

水平导航下拉菜单有些麻烦

1 个答案: