Question

li类中的collapse被隐藏在所有屏幕尺寸上。我希望它们仅以sm或md尺寸隐藏。有什么问题？我包含了Bootstrap 4.3.1。

 <nav class="navbar navbar-nav navbar-default">
                    <div class="container-fluid">
                        <div class="navbar-header">
                            <a href="/" class="navbar-brand">Hotel Corona</a>
                        </div>
                        <div class="collapse navbar-collapse">
                            <ul class="nav navbar-nav navbar-right">
                                <li><a href="/">Log In</a></li>
                                <li><a href="/">Sign Up</a></li>
                                <li><a href="/">Log Out</a></li>
                            </ul>

                        </div>
                    </div>
                </nav>

Answer 1

看看Bootstrap 4 - Hiding elements。基本上，您可以设置.d-sm-none .d-md-block例如仅在较小的屏幕尺寸下将其隐藏，而在md上显示。

小的附加功能：您也可以直接将其设置为导航栏类，阅读Navbar - How it works（导航栏需要带有.navbar-expand {-sm | -md | -lg | -xl}的环绕式.navbar。折叠和配色方案类。）

导航栏崩溃未按预期工作

1 个答案: