响应子菜单

Question

我已经制作了一个响应式菜单，但我没有在SERVIÇOS中获得响应式下拉菜单。 谁能告诉我我在这里做错了什么？我工作了两天，我已经厌倦了。

menu.php

<?php
    session_start();
    function curPageName() {
     return substr($_SERVER["SCRIPT_NAME"],strrpos($_SERVER["SCRIPT_NAME"],"/")+1);
    }   
    echo '<nav class="top-nav"><ul class="top-nav">';
    if(curPageName() == 'index') {
        echo '<li class="active"><a href="index">Início <span> </span></a></li>
                <li class=""><a href="quemsomos">Sobre nós<span> </span></a></li>
                <li class=""><a href="servicos">Serviços<span> </span></a>
                    <ul> 
                        <li><a href="experience">Experience</a></li>
                        <li><a href="massagem">Massagem</a></li>
                        <li><a href="social">Social</a></li>
                        <li><a href="tecno">tecno</a></li>
                    </ul>
                </li>
                <li class=""><a href="clientes">Clientes<span> </span></a></li>
                <li class=""><a href="contato">Contato <span> </span></a></li>';
                if (isset($_SESSION['loggedin']) && $_SESSION['loggedin'] == true) {
                    echo '<li class=""><a href="administracao">Administração <span></span></a><small><a href="logout">(Logout)</a></small></li>';
                }
    } elseif(curPageName() == 'quemsomos.php') {
        echo '<li class=""><a href="index">Início <span> </span></a></li>
                <li class="active"><a href="quemsomos">Sobre nós<span> </span></a></li>
                <li class=""><a href="servicos">Serviços<span> </span></a>
                    <ul>
                        <li><a href="experience">Experience</a></li>
                        <li><a href="massagem">Massagem</a></li>
                        <li><a href="social">Social</a></li>
                        <li><a href="tecno">tecno</a></li>
                    </ul>
                </li>
                <li class=""><a href="clientes">Clientes<span> </span></a></li>
                <li class=""><a href="contato">Contato <span> </span></a></li>';
                if (isset($_SESSION['loggedin']) && $_SESSION['loggedin'] == true) {
                    echo '<li class=""><a href="administracao">Administração <span></span></a><small><a href="logout">(Logout)</a></small></li>';
                }
    } elseif(curPageName() == 'servicos.php') {
        echo '<li class=""><a href="index">Início <span> </span></a></li>
                <li class=""><a href="quemsomos">Sobre nós<span> </span></a></li>
                <li class="active"><a href="servicos">Serviços<span> </span></a>
                    <ul>
                        <li><a href="experience">Experience</a></li>
                        <li><a href="massagem">Massagem</a></li>
                        <li><a href="social">Social</a></li>
                        <li><a href="tecno">tecno</a></li>
                    </ul>
                </li>
                <li class=""><a href="clientes">Clientes<span> </span></a></li>
                <li class=""><a href="contato">Contato <span> </span></a></li>';
                if (isset($_SESSION['loggedin']) && $_SESSION['loggedin'] == true) {
                    echo '<li class=""><a href="administracao">Administração <span></span></a><small><a href="logout">(Logout)</a></small></li>';
                }
    } elseif(curPageName() == 'experience.php') {
        echo '<li class=""><a href="index">Início <span> </span></a></li>
                <li class=""><a href="quemsomos">Sobre nós<span> </span></a></li>
                <li class=""><a href="servicos">Serviços<span> </span></a>
                    <ul>
                        <li class="active"><a href="experience">Experience</a></li>
                        <li><a href="massagem">Massagem</a></li>
                        <li><a href="social">Social</a></li>
                        <li><a href="tecno">tecno</a></li>
                    </ul>
                </li>
                <li class=""><a href="clientes">Clientes<span> </span></a></li>
                <li class=""><a href="contato">Contato <span> </span></a></li>';
                if (isset($_SESSION['loggedin']) && $_SESSION['loggedin'] == true) {
                    echo '<li class=""><a href="administracao">Administração <span></span></a><small><a href="logout">(Logout)</a></small></li>';
                }
    } elseif(curPageName() == 'massagem.php') {
        echo '<li class=""><a href="index">Início <span> </span></a></li>
                <li class=""><a href="quemsomos">Sobre nós<span> </span></a></li>
                <li class=""><a href="servicos">Serviços<span> </span></a>
                    <ul>
                        <li><a href="experience">Experience</a></li>
                        <li class="active"><a href="massagem">Massagem</a></li>
                        <li><a href="social">Social</a></li>
                        <li><a href="tecno">tecno</a></li>
                    </ul>
                </li>
                <li class=""><a href="clientes">Clientes<span> </span></a></li>
                <li class=""><a href="contato">Contato <span> </span></a></li>';
                if (isset($_SESSION['loggedin']) && $_SESSION['loggedin'] == true) {
                    echo '<li class=""><a href="administracao">Administração <span></span></a><small><a href="logout">(Logout)</a></small></li>';
                }
    } elseif(curPageName() == 'social.php') {
        echo '<li class=""><a href="index">Início <span> </span></a></li>
                <li class=""><a href="quemsomos">Sobre nós<span> </span></a></li>
                <li class=""><a href="servicos">Serviços<span> </span></a>
                    <ul>
                        <li><a href="experience">Experience</a></li>
                        <li><a href="massagem">Massagem</a></li>
                        <li class="active"><a href="social">Social</a></li>
                        <li><a href="tecno">tecno</a></li>
                    </ul>
                </li>
                <li class=""><a href="clientes">Clientes<span> </span></a></li>
                <li class=""><a href="contato">Contato <span> </span></a></li>';
                if (isset($_SESSION['loggedin']) && $_SESSION['loggedin'] == true) {
                    echo '<li class=""><a href="administracao">Administração <span></span></a><small><a href="logout">(Logout)</a></small></li>';
                }
    } elseif(curPageName() == 'tecno.php') {
        echo '<li class=""><a href="index">Início <span> </span></a></li>
                <li class=""><a href="quemsomos">Sobre nós<span> </span></a></li>
                <li class=""><a href="servicos">Serviços<span> </span></a>
                    <ul>
                        <li><a href="experience">Experience</a></li>
                        <li><a href="massagem">Massagem</a></li>
                        <li><a href="social">Social</a></li>
                        <li class="active"><a href="tecno">tecno</a></li>
                    </ul>
                </li>
                <li class=""><a href="clientes">Clientes<span> </span></a></li>
                <li class=""><a href="contato">Contato <span> </span></a></li>';
                if (isset($_SESSION['loggedin']) && $_SESSION['loggedin'] == true) {
                    echo '<li class=""><a href="administracao">Administração <span></span></a><small><a href="logout">(Logout)</a></small></li>';
                }
    } elseif(curPageName() == 'clientes.php') {
        echo '<li class=""><a href="index">Início <span> </span></a></li>
                <li class=""><a href="quemsomos">Sobre nós<span> </span></a></li>
                <li class=""><a href="servicos">Serviços<span> </span></a>
                    <ul>
                        <li><a href="experience">Experience</a></li>
                        <li><a href="massagem">Massagem</a></li>
                        <li><a href="social">Social</a></li>
                        <li><a href="tecno">tecno</a></li>
                    </ul>
                </li>
                <li class="active"><a href="clientes">Clientes<span> </span></a></li>
                <li class=""><a href="contato">Contato <span> </span></a></li>';
                if (isset($_SESSION['loggedin']) && $_SESSION['loggedin'] == true) {
                    echo '<li class=""><a href="administracao">Administração <span></span></a><small><a href="logout">(Logout)</a></small></li>';
                }
    } elseif(curPageName() == 'contato.php') {
        echo '<li class=""><a href="index">Início <span> </span></a></li>
                <li class=""><a href="quemsomos">Sobre nós<span> </span></a></li>
                <li class=""><a href="servicos">Serviços<span> </span></a>
                    <ul>
                        <li><a href="experience">Experience</a></li>
                        <li><a href="massagem">Massagem</a></li>
                        <li><a href="social">Social</a></li>
                        <li><a href="tecno">tecno</a></li>
                    </ul>
                </li>
                <li class=""><a href="clientes">Clientes<span> </span></a></li>
                <li class="active"><a href="contato">Contato <span> </span></a></li>';
                if (isset($_SESSION['loggedin']) && $_SESSION['loggedin'] == true) {
                    echo '<li class=""><a href="administracao">Administração <span></span></a><small><a href="logout">(Logout)</a></small></li>';
                }
    } elseif(curPageName() == 'administracao.php') {
        echo '<li class=""><a href="index">Início <span> </span></a></li>
                <li class=""><a href="quemsomos">Sobre nós<span> </span></a></li>
                <li class=""><a href="servicos">Serviços<span> </span></a>
                    <ul>
                        <li><a href="experience">Experience</a></li>
                        <li><a href="massagem">Massagem</a></li>
                        <li><a href="social">Social</a></li>
                        <li><a href="tecno">tecno</a></li>
                    </ul>
                </li>
                <li class=""><a href="clientes">Clientes<span> </span></a></li>
                <li class=""><a href="contato">Contato <span> </span></a></li>
                <li class="active"><a href="administracao">Administração <span></span></a><small><a href="logout">(Logout)</a></small></li>';
    } elseif(curPageName() == 'login.php') {
        echo '<li class=""><a href="index">Início <span> </span></a></li>
                <li class=""><a href="quemsomos">Sobre nós<span> </span></a></li>
                <li class=""><a href="servicos">Serviços<span> </span></a>
                    <ul>
                        <li><a href="experience">Experience</a></li>
                        <li><a href="massagem">Massagem</a></li>
                        <li><a href="social">Social</a></li>
                        <li><a href="tecno">tecno</a></li>
                    </ul>
                </li>
                <li class=""><a href="clientes">Clientes<span> </span></a></li>
                <li class=""><a href="contato">Contato <span> </span></a></li>
                <li class="active"><a href="login">Login <span> </span></a></li>';
                if (isset($_SESSION['loggedin']) && $_SESSION['loggedin'] == true) {
                     echo '<META http-equiv="refresh" content="0;URL=/administracao"> ';
                }
    } else {

        echo '<li class="active"><a href="index">Início <span> </span></a></li>
                <li class=""><a href="quemsomos">Sobre nós<span> </span></a></li>
                <li class=""><a href="servicos">Serviços<span> </span></a>
                    <ul>
                        <li><a href="experience">Experience</a></li>
                        <li><a href="massagem">Massagem</a></li>
                        <li><a href="social">Social</a></li>
                        <li><a href="tecno">tecno</a></li>
                    </ul>
                </li>
                <li class=""><a href="clientes">Clientes<span> </span></a></li>
                <li class=""><a href="contato">Contato <span> </span></a></li>';
                if (isset($_SESSION['loggedin']) && $_SESSION['loggedin'] == true) {
                    echo '<li class=""><a href="administracao">Administração <span></span></a><small><a href="logout">(Logout)</a></small></li>';
                }
    }
    echo '</ul><a href="#" id="pull"><img src="images/nav-icon.png" title="menu" /></a></nav>';
?>

这部分没有响应，我不知道我还能做些什么。

<ul> //This is not getting responsive
    <li><a href="experience">Experience</a></li>
    <li><a href="massagem">Massagem</a></li>
    <li><a href="social">Social</a></li>
    <li><a href="tecno">tecno</a></li>
</ul>

bootstrap.css

 .nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: none;
}





.nav > li > ul > li{
  position: relative;
  display: block;
}
.nav > li > ul > li > a{
  position: relative;
  display: block;
  padding: 10px 15px;
}
.nav > li > ul > li > a:hover,
.nav > li > ul > li > a:focus {
  text-decoration: none;
  background-color: none;
}