Twitter bootstrap Bootstrap 4品牌不会与数据开关左对齐

任何人都可以提供以下建议

我正在学习Bootstrap 4，但我在对齐导航栏左侧的品牌元素时遇到了问题-当数据切换可见时。该品牌是左对齐的，直到出现数据切换，然后它似乎希望自己的中心

我只是想让品牌保持在左侧，即保持其默认位置，当它出现时，数据切换到品牌的左侧。（在下面的示例中，出于示例的目的，数据切换将永久显示）

我尝试过“左浮动”、“内容结束合理化”以及品牌元素的各种变通方法，但似乎没有任何效果，我也不明白为什么——这应该很简单

<nav class="navbar navbar-dark bg-dark">
<!--Toggler LHS-->
<button class="navbar-toggler" style="border:1px solid red" type="button" data-toggle="collapse" data-target="#verticalNav" aria-controls="verticalNav" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
</button>

<!--Brand LHS-->
<a class="navbar-brand float-left" href="#"  style="border:1px solid red"> LOGO</a>

<!--fixed Links, RHS-->
<div style="float:right; border:1px solid red">
    <a href="#">Link 1</a>
    <a href="#">Link 2</a>
</div>

---

非常感谢您的帮助

不要使用浮动来对齐Bootstrap 4导航栏内容。现在导航栏是flexbox，您可以使用自动边距或

另见：

非常感谢——“汽车先生”对我来说似乎真的很反直觉，我想我必须花一些时间了解flexbox模型并改变我的想法！谢谢你的帮助，谢谢。

<nav class="navbar navbar-dark bg-dark">
    <!--Toggler LHS-->
    <button class="navbar-toggler" style="border:1px solid red" type="button" data-toggle="collapse" data-target="#verticalNav" aria-controls="verticalNav" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
    </button>

    <!--Brand LHS-->
    <a class="navbar-brand mr-auto" href="#" style="border:1px solid red"> LOGO</a>

    <!--fixed Links, RHS-->
    <div style="border:1px solid red">
        <a href="#">Link 1</a>
        <a href="#">Link 2</a>
    </div>