Bootstrap 4 移动设备始终扩展垂直引导导航栏

我想一个导航栏总是在手机上展开，但垂直显示时，折叠导航栏是正常切换。由于导航栏总是被扩展，我想删除汉堡按钮的可见性

在桌面上，导航栏应该总是水平展开的，这在我的代码中已经起作用了

我认为在navbar开关上简单地使用aria expanded=“true”应该有效，但它似乎不起作用

小提琴：

代码：

您需要从#footer

div

中删除hamburger

按钮和类









您只需从
导航栏折叠
中删除
折叠
类即可。（如果不想切换，请卸下切换器）









演示：
谢谢，但此解决方案使导航栏向右移动，同时保持导航栏折叠类正常工作
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
    <div class="container">
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#footerResponsive" aria-controls="footerResponsive" aria-expanded="true" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span><!-- I want to remove this -->
        </button>
        <div id="footerResponsive" class="collapse navbar-collapse">
            <ul class="navbar-nav">
                <li class="nav-item">
                    <a class="nav-link" href="#">item 1</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">item 2</a>
                </li>
            </ul>
        </div>
    </div>
</nav>

<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
    <div class="container">
        <div id="footerResponsive" class="navbar-collapse">
            <ul class="navbar-nav">
                <li class="nav-item">
                    <a class="nav-link" href="#">item 1</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">item 2</a>
                </li>
            </ul>
        </div>
    </div>
</nav>