Question

我正在使用Bootstrap 3在网站here上工作，一切都很顺利，除非我将屏幕调整为xs。导航出现，但它是扩展而不是折叠。以下是导航代码：

<div class="row show-xs hidden-sm hidden-md hidden-lg">
        <nav class="navbar navbar-default navbar-inverse navbar-fixed-top" role="navigation">
        <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
            </div>
                <div class="collapse navbar-collapse" id="collapse">
        <ul class="nav navbar-nav">
        <li><a href="#">Rent Now</a></li>
                <li><a href="#">Resident Portal</a></li>
                <li><a href="#">Community Photos</a></li>
                <li><a href="#">Green Living</a></li>
                <li><a href="#">Contact Us</a></li>  
    </ul>  
                </div>
</nav>
</div>

我错过了一些会导致它从一开始就崩溃的东西吗？

感谢。

Answer 1

我找到了答案。而不是：

<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#collapse">

应该是：

<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#collapse">

该课程需要设置为已弃用。

BootStrap：当我调整为XS时，为什么导航栏会打开？

1 个答案: