Question

即使在桌面设备上，我的自举导航仍然停留在移动模式 - 我做错了什么？

<div id="main-menu-container" class="collapse navbar-collapse">
    <ul id="menu-main" class="navbar-nav mr-auto">
        <li class="nav-item" itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-10"><a class="nav-link" title="Home" href="//offline.inspiredchildcare.com.au:3000/">Home</a></li>
        <li class="nav-item" itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-13"><a class="nav-link" title="About" href="//offline.inspiredchildcare.com.au:3000/about/">About</a></li>
        <li class="nav-item" itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-16"><a class="nav-link" title="Our Centres" href="#" data-toggle="dropdown" aria-haspopup="true">Our Centres <span class="fa fa-caret-down"></span></a>
            <ul role="menu" class=" dropdown-menu bg-primary">
                <li class="nav-item" itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-22"><a class="nav-link" title="West Pennant Hills" href="//offline.inspiredchildcare.com.au:3000/our-centres/west-pennant-hills/">West Pennant Hills</a></li>
                <li class="nav-item" itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-25"><a class="nav-link" title="Glenwood" href="//offline.inspiredchildcare.com.au:3000/our-centres/glenwood/">Glenwood</a></li>
                <li class="nav-item" itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-31"><a class="nav-link" title="Blacktown" href="//offline.inspiredchildcare.com.au:3000/our-centres/blacktown/">Blacktown</a></li>
            </ul>
        </li>
        <li class="nav-item" itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-19"><a class="nav-link" title="Contact" href="//offline.inspiredchildcare.com.au:3000/contact/">Contact</a></li>
    </ul>
</div>

预览：https://codepen.io/anon/pen/eVbWOx

Answer 1

将<nav class="navbar navbar-toggleable-md navbar-light bg-faded" role="navigation">更改为此<nav class="navbar navbar-expand-md navbar-light bg-light" role="navigation">并将jQuery嵌入您的代码中

Here's the codepen

Bootstrap导航卡在移动模式下

1 个答案: