html - Bootstrap 4 导航栏品牌在最大化屏幕时不会改变

Question

我的导航栏有问题。

我正在使用 Bootstrap 4 Beta。我的问题是当我更改 navbar-expand-...

navbar-brand 是这样的。

COMPANY
NAME

但我想要这样。

COMPANY NAME

编辑:

代码导航栏:

        <nav class="navbar navbar-expand-lg navbar-dark bg-dark" role="navigation">
        <!-- Navigation Bar Brand -->
        <span class="h2" class="navbar-brand mb-0">COMPANY NAME</span>

Answer 1

这应该可以解决问题。在所有屏幕尺寸上测试 -lg -md -sm

<nav class="navbar navbar-expand-sm navbar-dark bg-dark">
<a class="navbar-brand" href="#">Company Name</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
</nav>