html - 将列表添加到列表项

Question

我使用 BootStrap 框架开发了一个网页，但对标题中的列表项有疑问。

如何将列表添加到列表项？

这是我网站的链接:http://www.canninginc.co.nz/ 作为标题的一部分，我有一个产品下拉列表，其中包含一个元素“CanLucidDream”。我想向这个“CanLucidDream”元素添加一个列表(带有列表项)。例如。厨房，关于等

我该怎么做？

编辑

我没有很好地解释我所追求的。基本上，我想在 CanLucidDream 元素的旁边列出产品 CanLucidDream 的元素列表。就像 GUI 表单应用程序中的菜单项一样，菜单项右侧有一个小箭头，然后显示列表。

这在 HTML/CSS 中可能吗？

Answer 1

您可以，但是列表中的列表开始看起来非常困惑。不过，如果那是您想要的，那么只需在“CanLucidDream” anchor 之后开始一个新列表:

这就是你拥有的:

<ul class="dropdown-menu">
<li>
<a href="canluciddream/">CanLucidDream</a>
</li>
</ul>

这是它变成的样子:

<ul class="dropdown-menu">
<li>
<a href="canluciddream/">CanLucidDream</a>
    <ul>
    <li><a>This is the first thing.</a></li>
    <li><a>This is the second thing.</a></li>
    </ul>
</li>
</ul>

当然，您需要为其设置样式。 Bootstrap 可能已经为下拉菜单中的下拉菜单内置了某种样式。