Togglebutton 在chrome中使用引导切换菜单存在问题，但在mobile safari上加载时没有_Togglebutton

Togglebutton 在chrome中使用引导切换菜单存在问题，但在mobile safari上加载时没有

Togglebutton 在chrome中使用引导切换菜单存在问题，但在mobile safari上加载时没有,togglebutton,Togglebutton,我已经在这个网站上梳理了兼容性问题，寻找解决这个问题的方法，但我似乎找不到任何与我问题完全相同的帖子基本上，当我在chrome浏览器中加载应用程序并检查所有手机尺寸时，它是响应灵敏的，并且可以正常工作。但是，当我在个人iphone中实际打开应用程序网址时，切换菜单不起作用。它落在主要内容后面，很难点击。有人能帮忙吗？以下是该应用程序的链接：以下是CSS文件的一部分： *{ 框大小：边框框！重要； } html{ 身高：100%； } 身体{ 背景：url（“../images/tree.

我已经在这个网站上梳理了兼容性问题，寻找解决这个问题的方法，但我似乎找不到任何与我问题完全相同的帖子

基本上，当我在chrome浏览器中加载应用程序并检查所有手机尺寸时，它是响应灵敏的，并且可以正常工作。但是，当我在个人iphone中实际打开应用程序网址时，切换菜单不起作用。它落在主要内容后面，很难点击。有人能帮忙吗？以下是该应用程序的链接：

以下是CSS文件的一部分：

*{
框大小：边框框！重要；
}
html{
身高：100%；
}
身体{
背景：url（“../images/tree.png”）无重复中心固定；
背景尺寸：封面；
宽度：100%；
最小高度：100%；
显示器：flex；
弯曲方向：立柱；
}
/*我最喜欢的灰绿色#47dd1b*/
李{
背景色：黑色；
}
navbar先生{
页边距底部：0；
边界半径：0！重要；
身高：8%；
}
@仅介质屏幕和（最大宽度：640像素）{
/*移动电话：*/
李{
宽度：100%；
}
navbar先生{
宽度：100%；
}

编辑以显示较少的代码。

请将代码量减少到复制发行单所需的最小数量。感谢查看。请将代码量减少到复制发行单所需的最小数量。感谢查看。

<body>
    <nav class="navbar navbar-inverse">
        <div class="container-fluid">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#">John Wolfe</a>
            </div>

        <div class="collapse navbar-collapse" id="myNavbar">
            <ul class="nav navbar-nav navbar-right">
                <li class="active"><a href="index.html">Home</a></li>
                <li>
                    <a href="about.html">About</a>
                </li>
                <li><a href="portfolio.html">Portfolio</a></li>
                <li><a href="contact.html">Contact</a></li>

            </ul>

        </div>
    </nav>

<div id="wrap">