Html 下拉菜单获取整个车身宽度-引导

我正在尝试使用

水平下拉菜单

获取身体的整个宽度。

下拉菜单

应在以下小提琴中从左侧开始

子列表1

应从

徽标+文本

区域开始，一直到

li

继续

HTML:

标志+文字

一种方法是将您的

style=“margin left:200px”

CSS声明移动到

下拉切换

锚定项，而不是

btn组

。这样，当触发器被推到右边时，您的容器和下拉菜单将保持与徽标对齐。

只需使用

位置：initial到父类
btn组
。如果不工作，则使用
！重要信息

在上查看我的演示

好的做法是：向btn组添加一个新类
的下拉列表
。然后，style by
具有下拉菜单类。尝试作为我的演示。
尝试选择菜单选项时，下拉菜单消失。请再次检查我的JSFIDLE链接。我认为它能像你做的那样正常工作。从下拉列表中悬停时，下拉列表必须隐藏。因为，您是通过css悬停方法实现的。
<div class="container">
    <div class="row">
        <div class="col-md-12">
            <div>
                <span>Logo+Text</span>
            </div>
            <div class="btn-group" style="margin-left: 200px">
                <a href="#" class="btn btn-default dropdown-toggle" data-toggle="dropdown">Lists</a>
                <ul class="dropdown-menu" role="menu">
                    <li>
                        <a href="#">Sub List 1</a>
                    </li>
                    <li>
                        <a href="#">Sub List 2</a>
                    </li>
                    <li>
                        <a href="#">Sub List 3</a>
                    </li>
                    <li>
                        <a href="#">Sub List 4</a>
                    </li>
                    <li>
                        <a href="#">Sub List 5</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>