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

Question

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

Answer 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>

在我添加的链接中，您需要完成所有文档。 玩得开心！