развал navbar не работает, как ожидалось

Question

li внутри класса collapse скрыты на всех размерах экрана. Я хочу, чтобы они скрывались только на см или мд. В чем проблема? У меня есть загрузчик 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 - Скрытие элементов . В принципе, вы можете установить .d-sm-none .d-md-block, например, чтобы скрыть его только на экранах небольшого размера, но показывать на md.

Небольшое дополнение: вы также можете установить это как класс navbarнепосредственно, прочитайте Navbar - Как это работает (для Navbars требуется перенос .navbar с .navbar-expand {-sm | -md | -lg | -xl} для адаптивного свертывания и классов цветовой схемы.)