引导程序上的水平图标弹出窗口？

【问题标题】：Horizontal Icons Popup on bootstrap?引导程序上的水平图标弹出窗口？
【发布时间】：2019-04-23 18:32:24
【问题描述】：

引导程序上的水平图标弹出窗口。当单击打开弹出窗口并显示像这张图片一样水平的图标时，如何在 Bootstrap 中创建一个按钮（当我单击圆形按钮然后打开更多图标时）？

【问题讨论】：

添加您的示例代码。
您能提供一个Minimal, Complete, and Verifiable example 吗？你试过什么了？发布一个 sn-p 或至少一个 JSFiddle，我们将为您提供帮助
如果你发了一个问题你也必须检查你的帖子，如果你不感兴趣你可以删除你的帖子。

【解决方案1】：

你可以使用下拉按钮，看here。然后在<a></a> 链接标签内添加图标。最后一件事使dropdown-item 内联。

 <ul class="nav nav-pills">
  <li class="nav-item dropdown">
    <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Dropdown</a>
    <div class="dropdown-menu">
      <a class="dropdown-item" href="#">icon here</a>
      <a class="dropdown-item" href="#">icon here</a>
      <a class="dropdown-item" href="#">icon here</a>
      <a class="dropdown-item" href="#">icon here</a>
    </div>
  </li>
</ul>

在我添加的链接中，您需要执行此操作的所有文档。玩得开心！

【讨论】：