引导4 Beta 2-导航条:对齐不折叠

Question

我正在尝试创建一个导航栏，左边有一个按钮，2个图标，然后是最右边的按钮。

我可以用我找到的一些例子来实现它，但我不希望任何按钮在小屏幕上倒塌。

这让我想知道我是否真的需要使用navbar，但是下面是在alpha-6中工作的代码，在beta-2中，按钮没有向右延伸，我如何做到这一点？

<nav class="navbar navbar-default fixed-top">
<div class="row">
    <div class="col">
        <div class="navbar-brand">
            <button type="button" class="btn btn-primary">
                <i class="fa fa-reorder"></i>
            </button>
            <img [src]="source/path" height="25px" /><img [src]="source/path" height="25px" />
        </div>
    </div>
    <div class="col col-auto text-right">
        <span class="logged-in-user">username</span>

        <button class="btn btn-secondary">
            <i class="fa fa-wechat"></i>
        </button>

        <button class="btn btn-secondary">
            <i class="fa fa-address-book"></i>
        </button>

        <button class="btn btn-secondary">
            <i class="fa fa-anchor"></i>
        </button>
    </div>
</div>
</nav>

Answer 1

使行的宽度为100%，并将ml-auto添加到第二个col (而不是文本-右)：