Javascript bootstrap 3响应导航栏在移动浏览器上不会折叠，但可与桌面浏览器配合使用_Javascript_Html_Css_Visual Studio 2012_Twitter Bootstrap 3

Javascript bootstrap 3响应导航栏在移动浏览器上不会折叠，但可与桌面浏览器配合使用

javascript html css visual-studio-2012 twitter-bootstrap-3

Javascript bootstrap 3响应导航栏在移动浏览器上不会折叠，但可与桌面浏览器配合使用,javascript,html,css,visual-studio-2012,twitter-bootstrap-3,Javascript,Html,Css,Visual Studio 2012,Twitter Bootstrap 3,我创建的网站在桌面浏览器上看起来不错，但在移动设备上，导航栏并没有针对移动设备进行优化。页面的内联列表保持不变，就好像它在更大的屏幕上一样，导航切换显示在品牌的右侧。不确定问题是什么，但以下是我的代码： <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=de

我创建的网站在桌面浏览器上看起来不错，但在移动设备上，导航栏并没有针对移动设备进行优化。页面的内联列表保持不变，就好像它在更大的屏幕上一样，导航切换显示在品牌的右侧。不确定问题是什么，但以下是我的代码：

<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link href="../Content/bootstrap.css" rel="stylesheet" />
</head>

        <nav class="navbar navbar-default" id="navbar" role="navigation">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse-1">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="/Home.aspx">
                        <img src="" class="img-responsive" alt="logo" />
                    </a>
                </div>
                <div class="collapse navbar-collapse" id="navbar-collapse-1">
                    <ul class="nav navbar-nav">
                        <li><a href="../Home.aspx">Home</a></li>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Products & Services <b class="caret"></b></a>
                            <ul class="dropdown-menu">
                                <li><a tabindex="-1" href="">Workflow</a></li>
                                <li><a tabindex="-1" href="">Sys</a></li>
                                <li></li>
                                <li class="dropdown-submenu"><a tabindex="-1" href="#">App</a>
                                    <ul class="dropdown-menu">
                                        <li><a tabindex="-1" href="">Overview</a></li>
                                        <li><a tabindex="-1" href="">Pricing</a></li>
                                        <li><a tabindex="-1" href="">Demo</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </li>
                        <li><a href="">Contact</a></li>
                    </ul>
                </div>
            </nav>


切换导航

如果有人能为我点灯，我将不胜感激。

您发现了什么移动操作系统和浏览器的问题？如果没有看到其他代码，这几乎不可能排除故障。你能把你的代码发布到JSFIDLE或在线的某个地方吗？@cvrebert-我使用的是Windows Phone操作系统和IE 10，但我被告知当前的iPhone也存在同样的问题。