Bootstrap 按钮下拉菜单不在按钮下方答案

【问题标题】：Bootstrap button drop-down not under buttonBootstrap 按钮下拉菜单不在按钮下方
【发布时间】：2018-07-26 13:02:27
【问题描述】：

所以我有一个应该是简单的任务，但我似乎无法找到答案。当然，问题出在 CSS 调整的某个地方。

当包含按钮下拉菜单时，我有一个引导按钮组。该组被拉到面板内。

这是Fiddle的链接

我的按钮组如下所示：

   <div class="btn-toolbar pull-right" role="toolbar" aria-label="Toolbar with button groups">
     <div class="dropdown">
                        <div class="btn-group-sm" role="group" aria-label="First group">
                            <a href="#" class="btn  btn-secondary dsbtnsec"> Favorite</a>
                                <button href="#" class="btn  btn-secondary dsbtnsec dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Graph Race <span class="caret"></span></button>
                                <ul class="dropdown-menu" role="menu">
                                    <li><a href="#">Bar Chart</a></li>
                                    <li><a href="#">Pie Chart</a></li>
                                </ul>
                            <a href="#" class="btn  btn-secondary dsbtnsec"> County View</a>
                            <a href="#" class="btn  btn-secondary dsbtnsec"> Explore Map</a>
                            <a href="#" class="btn  btn-secondary dsbtnsec"> Export Race &nbsp;<span class="glyphicon glyphicon-export"></span></a>
                        </div>
       </div>
  </div>

Graph Race 下拉菜单有效，但未正确定位在按钮下方。我似乎无法弄清楚 CSS 问题发生在哪里。谁能指出我正确的方向？

这个问题发生在默认的 Bootstrap CSS 上，所以我认为这不是我引入的。

【问题讨论】：

标签： html css twitter-bootstrap drop-down-menu

【解决方案1】：

我认为你的问题是 btn-toolbar 类：<div class="btn-toolbar pull-right" role="toolbar" aria-label="Toolbar with button groups">

试试这个： <div class="pull-right" role="toolbar" aria-label="Toolbar with button groups">

这对我有用：https://jsfiddle.net/4tgyu9u0/

【讨论】：

就是这样。谢谢！