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

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

【问题讨论】:

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

标签: html css bootstrap-4


【解决方案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>

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

【讨论】:

    猜你喜欢
    • 2018-05-10
    • 2021-03-07
    • 1970-01-01
    • 1970-01-01
    • 2017-04-05
    • 1970-01-01
    • 2012-08-21
    • 2015-07-17
    • 1970-01-01
    相关资源
    最近更新 更多