Javascript Twitter引导导航栏和下拉菜单-不调整大小
我目前正在使用我的导航栏菜单中的下拉菜单。当导航栏处于高分辨率布局时,下拉菜单可以正常工作 当在移动布局中操作时,当选择下拉菜单时,导航栏将不会调整大小,也就是说,除非我打开导航栏,然后关闭它,然后再次打开它。在进行此操作时,我注意到导航栏不会在第一次打开时向下滑动,这使我相信这与JavaScript事件有关 编辑-为渲染前、渲染后和渲染前添加导航折叠标记。使用导航折叠div的预渲染标记可以在Bootply中重现该问题 预呈现标记:Javascript Twitter引导导航栏和下拉菜单-不调整大小,javascript,css,twitter-bootstrap,Javascript,Css,Twitter Bootstrap,我目前正在使用我的导航栏菜单中的下拉菜单。当导航栏处于高分辨率布局时,下拉菜单可以正常工作 当在移动布局中操作时,当选择下拉菜单时,导航栏将不会调整大小,也就是说,除非我打开导航栏,然后关闭它,然后再次打开它。在进行此操作时,我注意到导航栏不会在第一次打开时向下滑动,这使我相信这与JavaScript事件有关 编辑-为渲染前、渲染后和渲染前添加导航折叠标记。使用导航折叠div的预渲染标记可以在Bootply中重现该问题 预呈现标记: <div class="nav-collapse">
<div class="nav-collapse">
@PageTemplateFeature("Main Navigation")
<div class="pull-right">
@PageTemplateFeature("Service Menu")
</div>
</div>
@PageTemplateFeature(“主导航”)
@PageTemplateFeature(“服务菜单”)
重新开放前:
<div class="nav-collapse in collapse" style="height: 176px;">
<div class="nav-collapse in collapse" style="height: auto;">
重新开放后:
<div class="nav-collapse in collapse" style="height: 176px;">
<div class="nav-collapse in collapse" style="height: auto;">
标记:
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></a>
<a href="/" class="brand"><span style="color: black;"></span>.COM</a>
<div class="nav-collapse">
<ul class="nav">
<li><a href="/">Home</a></li>
<li class="dropdown">
<a data-toggle="dropdown" class="dropdown-toggle" role="button" href="#" tabindex="-1" id="drop_1">Magazine</a>
<ul aria-labelledby="drop_1" role="menu" class="dropdown-menu">
<li><a href="/Magazine/Current-Issue" tabindex="-1">Current Issue</a></li>
<li><a href="/Magazine/Digital-Edition" tabindex="-1">Digital Edition</a></li>
</ul>
</li>
<li><a href="/Blog">Blog</a></li>
</ul>
<div class="pull-right">
<ul class="nav">
<li><a href="/Sitemap"> Sitemap </a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
-
提前感谢。找到了解决方案,导航折叠div还需要折叠类:
<div class="nav-collapse collapse">
@PageTemplateFeature("Main Navigation")
<div class="pull-right">
@PageTemplateFeature("Service Menu")
</div>
</div>
@PageTemplateFeature(“主导航”)
@PageTemplateFeature(“服务菜单”)
您的图像之间有什么不同?(在第一页的“站点栏”旁边没有看到)?你的密码没有问题吗?或者你能展示一下吗?大小调整问题可能是由自定义css引起的。除了@BassJobsen问题外,您使用的浏览器和浏览器版本是什么?另外,您使用的是什么版本的引导程序?引导程序使用的是引导程序2.3.1,但您可以轻松切换到旧版本。它在FF-en-chrome上工作。使用bootstrap 2.3.1。chrome 27、firefox 19、IE10上出现的问题。第一幅图显示博客和站点地图链接不适合导航栏,第二幅图显示导航栏大小调整正确。如果杂志下拉列表中有2个以上的链接,它们也会被剪裁。