Bootstrap 4 在引导4中的下拉菜单项所在的同一行插入链接

我想要一个下拉菜单项有一个单独的链接到“这是什么？”选项。前面的一个问题针对bootstrap3研究了这个问题，它使用html列表语法作为下拉列表（

等等）：

下拉菜单的语法现在有所不同（稍微简化）：

下拉按钮

在这种情况下，假设我想在其中一个下拉菜单项的右侧插入另一个链接（例如，操作2）

此图显示了我的目标：

注意：我并不是想在这个下拉菜单项中插入一个额外的下拉菜单：我只想在下拉菜单项2的右边有一个简单的链接

---

当我尝试在操作2之后插入此项时，它只是成为一个单独的行。显然，我无法将其嵌套在锚内（我尝试它只是为了好玩，链接/文本出现，但没有任何效果，正如预期的那样）。

将

下拉项设置为DIV，并在其中放置两个链接



下拉按钮
这是一个很好的答案：优雅而简单。我建议对你的答案做一个调整，我把它放在我的代码中：主项文本用鼠标悬停加下划线，这不是下拉项的标准行为；我刚刚添加了
style=“text-decoration:none；”“
，因此现在它与所有其他项目的行为完美匹配！（我还将类更改为
text white
，但这是一个小细节，取决于您特定的bs风格，显然每个人都需要自己解决：）。
<div class="dropdown">
  <button class="btn"> Dropdown button</button>
  <div class="dropdown-menu">
    <a class="dropdown-item" href="#">Action 1</a>
    <a class="dropdown-item" href="#">Action 2</a>
    <a class="dropdown-item" href="#">Action 3</a>
  </div>
</div>

<a href = "#">What's this?</a>

<div class="dropdown">
  <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown">
    Dropdown button
  </button>
  <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
    <a class="dropdown-item" href="#">Action 1</a>
    <div class="dropdown-item" href="#">
        <a class="text-dark" href="#1">Action 2</a>
        <a class="" href="#2">[what's this?]</a>
    </div>
    <a class="dropdown-item" href="#">Action 3</a>
  </div>
</div>