Bootstrap下拉菜单（移动设备无法正常工作）

Question

嗨，下拉菜单正在运行，但是当它在移动设备上时它无法正常工作。我无法关闭它或当你点击它它将打开但它不会关闭。 请查看照片以获取解释

bootstrap下拉菜单未关闭它只是将文本颜色更改为白色。你能帮我这个吗？

Html代码

  <li class="page-scroll dropdown">

                      <a class="nav-link page-scroll dropdown-toggle careers_button" data-toggle="dropdown">Careers</a>
                        <ul class="dropdown-menu normal-menu">  


                            <li class="prod-drop normal-drop"><a class="he-a" href="<?php bloginfo('url'); ?>/careers-doctors"> Doctors</a></li>

                             <li class="prod-drop normal-drop"><a class="he-a" href="<?php bloginfo('url'); ?>/careers-nurses"> Nurses</a></li>

                              <li class="prod-drop normal-drop"><a class="he-a" href="<?php bloginfo('url'); ?>/Head Office"> Head Office</a></li>

                       </ul>
                     </li>