Bootstrap 4 在响应时显示导航链接

Question

我有一个功能齐全的导航栏。 我的问题是如何在页面响应时显示导航链接。 这是我的代码供参考：

        <div class="collapse navbar-collapse w-100 order-1 order-lg-0" id="navbarNav">
            <ul class="nav navbar-nav ml-auto">
                <ul class="navbar-nav mr-auto mt2 mt-lg-0 text-uppercase">
                    <li class="nav-item">
                        <a class="nav-link" href="#">USD $ <i class="fa fa-angle-down" aria-hidden="true"></i></a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#">Cart (1)</a> <!-- This one must display at the right side of the navbar -->
                    </li>
                    <li class="nav-link" id="removeOnCollapse">
                        <a href=""><i class="fa fa-search mt-auto mx-3" style="color: black;"
                                aria-hidden="true"></i></a>
                    </li>
                </ul>
            </ul>
        </div>

这就是我想要的：

有什么办法可以做到这一点吗？

Answer 1

它很容易使用 bootstrap flex <div class="d-flex justify-content-between">...</div>

如需更多参考，请阅读此处https://getbootstrap.com/docs/4.0/utilities/flex/