Html Boostrap菜单格式化问题Meteor Js

你好，下午好。我目前正在用Meteor Js堆栈构建一个社交网络应用程序，但我在移动设备上的导航栏包装有一些问题。我尝试将下拉列表设置为“向右拉”，但单击下拉列表时，它仍然会卷起

html{-webkit文本大小调整：无；}
.导航栏导航{
保证金：0；
浮动：无；
显示：内联块；
}
.navbar nav>li{
浮动：无；
显示：内联块；
}
.导航栏导航>李>a{
填充顶部：15px；
垫底：15px；
}
.navbar默认值{
位置：固定；
右：0；
左：0；
z指数：1030；
边缘底部：250px；
}
.行{
边缘顶部：80px；
}
#子邮件{
宽度：500px；
}
@媒体屏幕和屏幕（最大宽度：768px）{
.行{
边缘顶部：135px；
}
#子邮件{
宽度：300px；
}
}

此示例可能会帮助您或给您一些想法。您可以使主链接/图标在所有视口中都可见，并对窗体和下部导航使用内置切换

.navbar-default.custom-navbar{
背景：#38A6EB；
边界半径：0；
边界：无；
}
.自定义导航栏ul.navbar-nav li.active>a{
背景：#007CC9；
颜色：#fff；
}
.自定义导航栏ul.navbar-nav>li>a:悬停，
.自定义导航栏ul.navbar-nav li.active>a:焦点{
背景：#fff；
颜色：#007CC9；
}
.自定义导航栏ul.navbar-nav>li>a{
颜色：#fff；
}
.自定义导航栏.导航栏标题.导航栏切换span.glyph图标，
.自定义导航栏.导航栏标题.导航栏切换：悬停，
.自定义导航栏.导航栏标题.导航栏切换：焦点{
字体大小：20px；
背景：无；
}
.自定义导航栏.导航图标{
边缘顶部：18px；
左边距：30px；
}
.自定义导航栏.导航图标span.glyph图标{
左侧填充：15px；
右侧填充：15px；
字号：20px
}
.自定义导航栏.导航图标a{
颜色：#fff；
}
.自定义导航栏#导航栏博客.控件标签{
颜色：#fff；
}
.btn.btn-blue{
边界半径：0；
背景：#007CC9；
颜色：#fff；
}
.导航栏.导航-下{
高度：20px；
背景：#38A6EB；
边界半径：0；
边界：无；
页边距底部：0；
}
.navbar.nav-lower.navbar切换，
.navbar.nav-lower.navbar切换：焦点，
.navbar.nav-lower.navbar切换：悬停{
边界：无；
背景：无；
}
.navbar.nav-lower>li{
显示：内联块；
宽度：33%；
文本对齐：左对齐；
}
.navbar.nav-lower.navbar品牌{
边缘顶部：5px；
左边距：30px；
颜色：#fff；
}
@介质（最大宽度：2500px）{
.自定义导航栏.导航栏标题{
浮动：无；
}
.自定义导航栏。导航栏左侧，
.自定义导航栏.导航栏右侧{
浮动：无！重要；
}
.自定义导航栏.导航栏切换，
.自定义导航栏.导航栏切换：悬停，
.自定义导航栏.导航栏切换：焦点{
显示：块；
颜色：#fff；
边界：无；
背景：无；
}
.自定义导航栏.导航栏折叠{
边框顶部：1px实心透明；
框阴影：插入0 1px 0 rgba（255、255、255、0.1）；
}
.custom-navbar.navbar-fixed-top{
排名：0；
边框宽度：0 0 1px；
}
.自定义导航栏.导航栏-折叠.折叠{
显示：无！重要；
}
.自定义导航栏.导航栏导航{
浮动：无！重要；
利润上限：7.5px；
}
.自定义导航栏.导航栏导航>li{
浮动：无；
}
.自定义导航栏.导航栏导航>li>a{
填充顶部：10px；
垫底：10px；
}
.自定义导航栏.collapse.in{
显示：块！重要；
}
.自定义导航栏.导航栏导航.打开.下拉菜单{
位置：静态；
浮动：无；
宽度：自动；
边际上限：0；
背景色：透明；
边界：0；
-webkit盒阴影：无；
盒影：无；
}
.导航杆。导航杆下降。导航杆塌陷{
文本对齐：左对齐；
背景：#38A6EB；
}
}
.bg小学{
填充：20px；
边缘底部：10px；
}

切换导航






标题
身体
提交
切换导航














手提式
Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一本打印样本书。信息技术
它不仅存活了五个世纪，而且还跨越到电子排版，基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行，最近随着desktop的发布而流行
像Aldus PageMaker这样的出版软件包括Lorem Ipsum的版本。Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是业界标准的虚拟文本，当时一台不知名的打印机
拿起一个铅字厨房，把它翻成一本铅字样本书。它不仅存活了五个世纪，而且还跨越到电子排版，基本上保持不变。它在20世纪60年代随着Letraset的发行而流行起来
包含Lorem Ipsum段落的纸张，以及最近使用的Aldus PageMaker等桌面出版软件，包括Lorem Ipsum版本。Lorem Ipsum只是印刷和排版行业的虚拟文本。Lorem Ipsum一直是该行业的佼佼者
自16世纪以来，标准的虚拟文本，当时一个不知名的印刷商拿起一个打印厨房，将其拼凑成一本打印样本书。它不仅存活了五个世纪，而且还跨越到电子排版，Remain说