Css 下拉菜单下方的定位菜单

我有以下代码来显示一些按钮和下拉菜单

<div class="btn-toolbar" role="toolbar" aria-label="Toolbar with button groups">
    <div class="btn-group" role="group" aria-label="Toolbar Group">
        <button type="button" class="btn btn-default as-btn-text as-add-btn">Add</button>
        <button type="button" class="btn btn-default as-btn-text as-delete-btn">Delete</button>
        <button type="button" class="btn btn-default dropdown-toggle as-btn-text as-conf-btn" data-toggle="dropdown" aria-expanded="false">Configuration <span class="caret"></span>

        </button>
        <ul class="dropdown-menu as-toolbar-dropdown" role="menu">
            <li><a href="#">Enable</a>

            </li>
            <li><a href="#">Disable</a>

            </li>
        </ul>
    </div>
    <div class="button-group pull-right">
        <button type="button" class="btn btn-default as-btn-text as-refresh-btn"></button>
    </div>
</div>
<div class="btn-toolbar" role="toolbar" aria-label="Toolbar with button groups">
    <div class="btn-group" role="group" aria-label="Toolbar Group">
        <button type="button" class="btn btn-default dropdown-toggle as-btn-text as-conf-btn" data-toggle="dropdown" aria-expanded="false">Configuration <span class="caret"></span>

        </button>
        <ul class="dropdown-menu as-toolbar-dropdown" role="menu">
            <li>
                <button id="btnEnable" type="submit" name="command" value="Enable"><span>Enable</span>

                </button>
            </li>
            <li>
                <button id="btnDisable" type="submit" name="command" value="Disable"><span>Disable</span>

                </button>
            </li>
        </ul>
    </div>
</div>

添加
删去
配置






配置


使可能


使残废

它工作正常，只是其中一个菜单没有出现在下拉菜单下

---

如果您有任何想法，我们将不胜感激。

看起来您没有使用最新版本的JQuery。请更新JQuery并使用引导库来实现这一点

---

在you fiddle中，选择jQuery 2.1.0并选择Bootstrap 3.2.0选项。

看起来我不得不将下拉按钮放入它们自己的

btn组中



添加
删去
配置






配置


使可能


使残废


似乎不起作用，您有没有可以分享的工作示例？
<div class="btn-toolbar" role="toolbar" aria-label="Toolbar with button groups">
    <div class="btn-group" role="group" aria-label="Toolbar Group">
        <button type="button" class="btn btn-default as-btn-text as-add-btn">Add</button>
        <button type="button" class="btn btn-default as-btn-text as-delete-btn">Delete</button>
        <div class="btn-group" role="group" aria-label="Dropdown Group">
            <button type="button" class="btn btn-default dropdown-toggle as-btn-text as-conf-btn" data-toggle="dropdown" aria-expanded="false">Configuration <span class="caret"></span>

            </button>
            <ul class="dropdown-menu as-toolbar-dropdown" role="menu">
                <li><a href="#">Enable</a>

                </li>
                <li><a href="#">Disable</a>

                </li>
            </ul>
        </div>
    </div>
    <div class="button-group pull-right">
        <button type="button" class="btn btn-default as-btn-text as-refresh-btn"></button>
    </div>
</div>
<div class="btn-toolbar" role="toolbar" aria-label="Toolbar with button groups">
    <div class="btn-group" role="group" aria-label="Toolbar Group">
        <button type="button" class="btn btn-default dropdown-toggle as-btn-text as-conf-btn" data-toggle="dropdown" aria-expanded="false">Configuration <span class="caret"></span>

        </button>
        <ul class="dropdown-menu as-toolbar-dropdown" role="menu">
            <li>
                <button id="btnEnable" type="submit" name="command" value="Enable"><span>Enable</span>

                </button>
            </li>
            <li>
                <button id="btnDisable" type="submit" name="command" value="Disable"><span>Disable</span>

                </button>
            </li>
        </ul>
    </div>
</div>