Свернуть меню начальной загрузки не отвечает - PullRequest
Новая
       31

Свернуть меню начальной загрузки не отвечает

0 голосов
/ 26 мая 2019

Мое меню не отображается, пока я не переключаю кнопку в полноэкранном режиме.Когда я изменяю размер экрана до мобильного устройства, мне нужно нажать кнопку, чтобы увидеть меню.

Я играл с классами несколько раз и заново упаковывал div с контейнерами. 

    <!--************************** Stylesheet ******************************-->
    <link rel="stylesheet" href="../../frameworks/bootstrap-4.3.1-dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="style.css">


    <!--*************************** Bootstrap ********************************-->


</head>

<body>

<!-- Container element -->
    <!-- <div class="parallax"> -->
    <div class="parallax">
        <header>

            <!-- Collapsible content -->
            <div class="navbar navbar-fixed-top">
                <div class="container">

                    <!--navbar-header-->
                    <div class="navbar-header">

                    <!-- Collapse button -->
                        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                            <span class="icon-menu"></span>
                        </button>

                        <!-- Navbar brand -->
                        <a class="navbar-brand justify-content-left py-4" href="#"></a>

                    </div> <!--end navbar-header-->

                        <!-- Links -->
                        <div class="collapse navbar-collapse">
                            <ul class="nav justify-content-center py-4 white-text">
                                <li class="nav-item"><a class="nav-link white-text" href="#!">About</a></li>
                                <li class="nav-item"><a class="nav-link white-text" href="#!">Expertise</a></li>
                                <li class="nav-item"><a class="nav-link white-text" href="#!">Portfolio</a></li>
                                <li class="nav-item"><a class="nav-link white-text" href="#!">Projects</a></li>
                            </ul>
                        </div>

                </div>
            </div>
            <!-- Collapsible content -->
        </header>

    </div>

<!-- </div> -->
<script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
<script src="../../frameworks/bootstrap-4.3.1-dist/js/bootstrap.min.js"></script>

</body>

Мое меню не отображается, пока я не переключаю кнопку в полноэкранном режиме.Когда я изменяю размер экрана до мобильного устройства, я должен нажать кнопку, чтобы увидеть меню.Я хочу, чтобы меню отображалось по умолчанию на экране рабочего стола.Когда я изменяю размер экрана до мобильного устройства, я хотел бы видеть значок меню, при выборе которого меню должно быть видимым и выбираемым.

...