Html Bootstrap-div在li中

我想创建一个包含子菜单的菜单。移动到顶部菜单后，显示整个页面宽度的子菜单。它可以工作，但我对移动菜单有问题。我正在使用引导，但我不能点击链接。代码选择链接在div下面。我必须打开该菜单。你有什么想法吗，怎么了

<ul>
 <li>Head link</li>
 <div id="submenu"><li></li></div>

 <li>Head link</li>
</ul>

---

首先也是最重要的是，有这样的名声，我不应该回答这样的问题。对此我很抱歉。但从真正帮助OP的意义上说，我在回答这个问题。请务必阅读StackOverflow中的“如何提问”

代码中有很多错误：

你不能直接在里面。 你不能直接在里面。 子菜单应该是类而不是id。 所有的内容应包装在标签内。 如果您正在使用引导的导航，则需要使用数据切换属性。 更正代码：

---

您知道您需要在问题中添加最少的代码吗？好的，但是类下拉列表的宽度与其父级相同。在桌面分辨率下拉列表是全宽，但移动它是下拉列表。我不知道怎么把这联系起来。

<ul>
  <li>
    <a href="#">Head link</a>
    <div id="submenu">
      <ul>
        <li></li>
      </ul>
    </div>
  </li>
  <li>
    <a href="#">Head link</a>
  </li>
</ul>

<ul>
  <li class="dropdown">
    <a href="#" class="dropdown-trigger" data-toggle="dropdown">Head link</a>
    <div id="submenu" class="dropdown-menu">
      <ul>
        <li></li>
      </ul>
    </div>
  </li>
  <li>
    <a href="#">Head link</a>
  </li>
</ul>