Bootstrap：移动设备中的导航切换按钮问题

Question

我使用bootstrap 3.0编写了网站。它看起来很适合移动和deskstop，但当我在移动设备上查看它然后它的菜单不能正常工作。它会响应，但当我点击它以展开或折叠时，它仍然会扩展，

这是我的导航栏代码。有什么不对的，请帮帮我，

   <button class="navbar-toggle" data-target=".navbar-responsive-collapse" data-toggle="collapse" type="button"> 
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
    </button>
    <ul class="nav navbar-nav pull-right">
    <li class="active"><a href="index.php">Home</a></li>
    <li class="dropdown">
    <a href="about-us.php" class="dropdown-toggle"  role="button" 
    arial-expanded="false">About us</a>
<ul class="dropdown-menu">
  <li><a href="chairman-message.php">Chairman's Message  </a></li>
  <li><a href="work.php">Work </a></li>
   <li><a href="#">Board</a></li>
</ul>
<li><a href="intro.php">Indtroduction </a></li>
<li><a href="intro.php">Indtroduction </a></li></ul>