Как я могу выяснить, почему класс Bootstrap 4 не работает на моей странице? - PullRequest
0 голосов
/ 01 февраля 2019

Я знаю, что есть несколько вопросов с наклейками, но я пока не нашел решения.Вот мой код:

<body <?php body_class(); ?>>
<div class="container">

    <header class="header-container text-center">

        <div class="social-menu" style="height: 20%">
            <h3><i class="fa fa-facebook-square"> </i> <i class="fa fa-instagram"> </i> <i class="fa fa-twitter-square"> </i> <i class="fa fa-youtube-square"></i></h3>
        </div>

        <div class="header-content table" style="height: 60%">
            <div class="table-cell">
                <div class="logo-image"></div>
                <h1 class="site-title"><span class="d-none"><?php bloginfo('name'); ?></span></h1>
                <!-- add hidden title for SEO -->
                <h2>Španski Metar</h2>

            </div>
        </div>

        <div class="nav-container">
            <nav class="navbar sticky-top navbar-expand-lg is-sticky navbar-light navbar-spanski">
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-content" aria-controls="navbar-content" aria-expanded="false" aria-label="<?php esc_html_e( 'Toggle Navigation', 'spanski_metar' ); ?>">
                    <span class="navbar-toggler-icon"></span>
                </button>
                <div class="collapse navbar-collapse justify-content-center" id="navbar-content">
                    <?php
                    wp_nav_menu([
                    'menu'            => 'main_menu',
                    'theme_location'  => 'main_menu',
                    'menu_id'         => false,
                    'menu_class'      => 'navbar-nav mr-auto',
                    'depth'           => 2,
                    'fallback_cb'     => 'nav_walker::fallback',
                    'walker'          => new nav_walker()
                    ]);
                    ?>
                    <!-- <div id="navsearch">
                    <form class="form-inline my-2 my-lg-0">
                        <input class="form-control-sm" style="padding-left:5px; border-style: solid; border-width: 1px;" type="search" placeholder="Pretraga" aria-label="Search">
                        <button class="btn my-2 my-sm-0" type="submit"><i class="fa fa-search"></i></button>
                    </form>
                    </div> -->
                </div>
            </nav>
            <div style="height: 1000px"></div>
        </div><!-- .nav-container -->

    </header>   

</div>

Единственный способ, с помощью которого я нашел липкий верх, - это поместить div высотой 1000 пикселей в div nav-container.Но это не то, что я хочу сделать.Нет ли способа держать панель навигации наклеенной, а также внутри заголовка?Разве это не лучшая практика?

Спасибо, что уделили время.

1 Ответ

0 голосов
/ 01 февраля 2019

Проверьте ваш jquery и файл "bootstrap.min.js".Они загружены неправильно

Используйте сценарии внизу страницы и используйте их в правильном положении. Сначала используйте jquery, а затем загрузите

, например:

- Jquery-

- Bootstrap -

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...