为什么标签出现在按钮之前？

Question

我正在使用bootstrap 4并想知道为什么使用下面的代码在按钮之前显示标签？

<button class="navbar-toggler hidden-sm-up" type="button" data-toggle="collapse" data-target="#navbar-header" aria-controls="navbar-header" aria-expanded="false" aria-label="Toggle navigation"></button>
     <a class="navbar-brand hidden-sm-up" href="#">My Company</a>

Answer 1

正如评论中所述，.navbar-brand的默认css将项目浮动到左侧

通过添加此css，您可以将其移动到切换的右侧：

.navbar-brand {
    float:right;
}

https://jsfiddle.net/jennift/m507ckb2/