导航栏切换按钮不显示?

时间:2018-11-15 08:13:30

标签: css html5 twitter-bootstrap twitter-bootstrap-3 bootstrap-4

在对导航栏切换进行编码后,它没有显示,我已经尽力了,但是仍然没有显示,请在某处有任何错误。

这是我的代码:

<nav class="navbar navbar-expand-md navbar-light bg-light sticky-top">

    <div class="container-fluid">
        <a class="navbar-brand" href="#"><img src="img/logografy22.png"></a>

        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive">
            <span class="navbar-toggler-icon"></span>
        </button>
    </div>

</nav>

the screen

1 个答案:

答案 0 :(得分:0)

添加此代码以在使用移动分辨率时以切换方式显示

    <nav>
        <ul class="menu">
            <li>
                <a href="Home.html"> HOME </a>
            </li>
            <li>
                <a href="Gymset.html">GYM SETS</a>
                <ul>
                    <li><a href="#">TRONG NHÀ</a></li>
                    <li><a href="#">NGOÀI TRỜI</a></li>
                    <li><a href="#">TOÀN</a></li>
                </ul>
            </li>
            <li><a href="Dotap.html">Đồ tập</a>
                <ul>
                    <li><a href="#">TRONG NHÀ</a></li>
                    <li><a href="#">NGOÀI TRỜI</a></li>
                    <li><a href="#">TOÀN</a>
                        <ul>
                            <li><a href="#">TRONG NHÀ</a></li>
                            <li><a href="#">NGOÀI TRỜI</a></li>
                            <li><a href="#">TOÀN</a>
                                <ul>
                                    <li><a href="#">TRONG NHÀ</a></li>
                                    <li><a href="#">NGOÀI TRỜI</a></li>
                                    <li><a href="#">TOÀN</a>
                                        <ul>
                                            <li><a href="#">TRONG NHÀ</a></li>
                                            <li><a href="#">NGOÀI TRỜI</a></li>
                                            <li><a href="#">TOÀN</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                </ul>
            </li>
            <li><a href="Gio hang.html">Giỏ hàng</a></li>
            <li><a href="Lienhe.html">Liên hệ</a></li>
        </ul>
    </nav>