将列表添加到列表项

Question

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

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

以下是我网站的链接：http://www.canninginc.co.nz/ 作为标题的一部分，我有一个带有'CanLucidDream'项的产品下拉列表。我想在这个'CanLucidDream'项目中添加一个列表（带有列表项）。例如。厨房，等等

我该怎么做？

修改

我没有很好地解释我的意思。基本上，我希望将产品CanLucidDream的项目列表放在CanLucidDream项目的一侧。就像GUI表单应用程序中的菜单项一样，菜单项右侧有一个小箭头，然后显示列表。

这可能在HTML / CSS中吗？

Answer 1

你可以，但列表中列表中的列表开始看起来非常混乱。如果那就是你想要的，而不仅仅是在“CanLucidDream”锚之后开始一个新的列表：

这就是你所拥有的：

<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可能已经内置了某种样式，用于下拉列表中的下拉列表。