如图响应式导航栏实现

Question

看了别人的代码感觉怪怪的，望大神们赐教下面是原来的代码不是很懂

        <div class="container">

            <div class="logo">

                <img src="../static/img/logo.png" width="100%" />

            </div>

            <div class="logo-wenzi">

                <span>专注巡更17年！</span>

            </div>

            <!--导航条-->

            <nav class="navbar navbar-default" role="navigation">

                <div class="navbar-header">

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

                            <span class="sr-only">切换导航</span>

            <span class="icon-bar"></span>

            <span class="icon-bar"></span>

            <span class="icon-bar"></span>

        </button>

                </div>

                <div class="collapse navbar-collapse" id="example-navbar-collapse">

                    <ul class="nav navbar-nav">

                        <li class="dropdown fz_14">

                            <a href="#">首&nbsp;&nbsp;页</a>

                        </li>

                        <li class="dropdown fz_14">

                            <a href="#">巡更产品</a>

                        </li>

                        <li class="dropdown fz_14">

                            <a href="#">云巡更</a>

                        </li>

                        <li class="dropdown fz_14">

                            <a href="#">GPS巡更</a>

                        </li>

                        <li class="dropdown fz_14">

                            <a href="#">案例实录</a>

                        </li>

                        <li class="dropdown fz_14">

                            <a href="#">服务中心</a>

                        </li>

                        <li class="dropdown fz_14">

                            <a href="#">关于我们</a>

                        </li>

                        <li class="dropdown fz_14">

                            <a href="#">联系我们</a>

                        </li>

                        <li class="dropdown fz_14">

                            <a href="#">中文</a>

                        </li>

                        <li class="dropdown fz_14">

                            <a href="#">English</a>

                        </li>

                    </ul>

                </div>

            </nav>

            <div id='cssmenu'>

                <ul>

                    <li>

                        <a href='#'>首&nbsp;&nbsp;页</a>

                    </li>

                    <li>

                        <a href='#'>巡更产品</a>

                    </li>

                    <li>

                        <a href="#">云巡更</a>

                    </li>

                    <li>

                        <a href="#">GPS巡更</a>

                    </li>

                    <li>

                        <a href="#">案例实录</a>

                    </li>

                    <li>

                        <a href="#">服务中心</a>

                    </li>

                    <li>

                        <a href="#">关于我们</a>

                    </li>

                    <li>

                        <a href="#">联系我们</a>

                    </li>

                </ul>

            </div>

            <!--中英文切换-->

            <div class="btn-group">

                <button type="button" class="btn btn-default">Language</button>

                <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">

<span class="caret"></span>

<span class="sr-only">Toggle Dropdown</span>

</button>

                <ul class="dropdown-menu">

                    <li>

                        <a href="#">中文</a>

                    </li>

                    <li>

                        <a href="#">English</a>

                    </li>

                </ul>

            </div>

        </div>

Answer 1

你要说你不明白的点在哪里