0
我有一个底部固定的菜单,并希望切换到dropup而不是down。我已经尝试了所有在stackoverflow中找到的解决方案(就像这个How to get a Bootstrap dropdown submenu to 'dropup'),用.dropup类包装,或者将它添加到元素等等,但没有任何工作。这是我的代码:Dropup Bootstrap当固定在底部时切换菜单
编辑补充网址: http://linaresdemora.kmturismo.com/
EDIT 2 - 点出错误: 一次是在对方的回答中指出。另外,我通过自定义css类给它height: 50px;
,这使得菜单停止了dropup。
<nav class="navbar navbar-default navbar-fixed-bottom">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<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="#">Linares de Mora</a>
</div>
<div id="navbar" class="collapse navbar-collapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="#about">Que Hacer</a></li>
<li><a href="#contact">Alojamiento</a></li>
<li><a href="#contact">Historia</a></li>
<li><a href="#contact">Comida</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Más <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li role="separator" class="divider"></li>
<li class="dropdown-header">Nav header</li>
<li><a href="#">Separated link</a></li>
<li><a href="#">One more separated link</a></li>
</ul>
</li>
</ul>
</div><!--/.nav-collapse -->
</div>
</nav>
谢谢,但在我的情况下,它不工作(用开发工具从dom中更改li类):http://linaresdemora.kmturismo.com/ –
如果您通过dom更改类,它可能不会因js依赖而工作,请尝试在html中添加。不知道,它可能工作。 – San
在本地主机上完成并上传。没有。 –