Bootstrap 4使整个li区域可以在下拉菜单中单击

Question

使用多级引导程序4菜单按钮并尝试解决可选区域的问题。

为了说明问题，我已将边框放在当前可点击区域（黑色）上，并且我已突出显示（红色）区域i＆ ＃39;我试图填写为可点击的。

这是我的小提琴：https://codepen.io/anon/pen/zWeqbE

初始下拉菜单

我希望整个<li>突出显示并可点击 - 现在有一个上边距和下边距我似乎无法摆脱。

子菜单

<a>链接是可点击的，但可点击区域仅限于链接本身，而我希望可点击区域填充整个<li>

Answer 1

  

我希望整个<li>突出显示并可点击 -   现在有一个我无法看到的上边距和下边距   摆脱。

问题是父ul有一个填充，每个.dropdown-divider都有一个填充，可以通过将分隔符的填充移动到每个<li>

来修复

  

<a>链接是可点击的，但可点击区域仅限于链接   本身，而我希望可点击区域填满整个<li>

修复是将dropdown menulink课程移至<a>，而不是将其移至<li>

示例代码笔：https://codepen.io/anon/pen/zWeByy