SharePoint上的Twitter Bootstrap：Navbar不会折叠到移动浏览器上的按钮中

Question

长期潜伏，第一次海报。

在移动设备上查看我的SharePoint网站时，导航栏出现问题。 需要明确的是，在桌面上查看时，网站的响应能力非常好。 当我缩小窗口时，导航栏从水平导航转换为折叠的按钮导航栏，单击该导航栏将显示导航选项。 但是，它不是针对移动设备执行此操作的。

我使用的是默认的Bootstrap.css文件，因此您在默认文件中看到的所有@media标记也都包含在文件中。 就我主页上的编码而言，这就是我的导航栏所拥有的：

<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
                    <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="../Pages/Home.aspx">Home</a>
            </div>
            <div class="collapse navbar-collapse navbar-ex1-collapse navbar-right">     
                <PublishingNavigation:PortalSiteMapDataSource ID="topSiteMap" runat="server" EnableViewState="false" SiteMapProvider="CombinedNavSiteMapProvider" StartFromCurrentNode="true" StartingNodeOffset="0" ShowStartingNode="false" TrimNonCurrentTypes="Heading"/>
                <SharePoint:AspMenu ID="TopNavigationMenu" runat="server" EnableViewState="false" DataSourceID="topSiteMap" AccessKey="<%$Resources:wss,navigation_accesskey%>" UseSimpleRendering="true" UseSeparateCss="true" Orientation="Horizontal" StaticDisplayLevels="1" MaximumDynamicDisplayLevels="1" SkipLinkText=""/>
            </div>
        </div>
    </nav>

不管我在哪种浏览器（Safari，Chrome，Opera Mini）上进行测试，所有移动浏览器都可以得到相同的结果，没有折叠的导航栏。

在这个问题上的任何帮助将不胜感激。

Answer 1

尝试在母版页眉的标题部分添加元标记引用：

<meta name="viewport" content="width=device-width, initial-scale=1"/>

content =“ width = device-width”以100％的比例定义屏幕宽度（以CSS像素为单位），“ initial-scale”确定缩放比例。

这是视口的一些背景知识： https : //developer.mozilla.org/zh-CN/docs/Mozilla/Mobile/Viewport_meta_tag

您可以在Twitter Bootstrap for SharePoint母版页眉的标题部分中看到相同的元标记。 65号线附近。