Angular Bootstrap Navbar组件位置

Question

我有一个有角的页面，我想在上面放一个固定的导航栏。 页面的标题在左边，一些按钮在中间，而下拉菜单在右边。 我正在使用bootstrap和ui-bootstrap，但导航栏有些许变化，但我无法将下拉列表移到右侧。 无论我尝试什么，它都停留在中间。 这是一个重制我的问题的家伙 。 我试过了text-align: right; float:right; 但没有任何效果！

知道我在做什么错吗？ 还是有一个我想要的好榜样？

Answer 1

尝试反转中心div和右div的顺序（浮动时顺序很重要），如下所示：

<nav class="navbar navbar-default navbar-fixed-top navbar-shrink">
    <div class="container">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header page-scroll">
            <a class="navbar-brand page-scroll">Test</a>
        </div>

        <div class="navbar-header page-scroll navbar-right pull-right">
            <div class="btn-group" uib-dropdown>
                <button id="btn-append-to-single-button" type="button" class="btn btn-primary" uib-dropdown-toggle>
                    Dropdown <span class="caret"></span>
                </button>
                <ul class="dropdown-menu"
                    uib-dropdown-menu role="menu"
                    aria-labelledby="btn-append-to-single-button">
                    <li role="menuitem"><a href="#">Action</a></li>
                    <li role="menuitem"><a href="#">Another action</a></li>
                    <li role="menuitem"><a href="#">Something else here</a></li>
                </ul>
            </div>
        </div>
        <div class="float-center btn-group form-group row"
             data-toggle="buttons">
            <label ng-repeat="foo in ctrl.foos" class="btn btn-primary">
                <input type="radio"
                name="foo"> {{foo}}
            </label>
        </div>
        <!-- /.navbar-collapse -->
    </div>
    <!-- /.container-fluid -->
</nav>

另外，您可能希望为navbar-brand的父元素赋予float：left属性，以使其不覆盖整个宽度。 而且，如果您想继续使用相对位置作为中心元素，则需要使用这些值。 左：-15％的人为我完成了以上更改。

Answer 2

我从插入器中看到的是下面的css打破了下拉列表的位置：

.float-center {
    float: right;
    left: -35%;
    margin: 4px;
}

可以完成两个简单的解决方案：1.切换dropdonw按钮和中间按钮的位置，在此处创建分支链接： https ://plnkr.co/edit/HAAKWziKM3o6uBE6uZtq?p=preview

2. 改变float从right至left和修改的值left

希望这可以帮到你 ：）