html - 下拉菜单占据整个 body 宽度- bootstrap

我试图使horizontal dropdown菜单占据整个身体的宽度。 dropdown-menu应从以下小提琴的左侧开始。

FIDDLE HERE

Sub List 1应该从Logo+Text区域开始，并且应该一直流动直到li继续。

HTML：

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

最佳答案

只需对父类position: initial;使用btn-group。如果不起作用，请使用!important。

在JSFIDDLE上查看我的演示

好的做法是：在has_dropdown中添加一个新的类btn-group。然后通过has_dropdown类设置样式。尝试作为我的演示。