为什么我的下拉导航栏没有显示
Java
我的左边很260px宽，右边的很260px宽。我的中心div是流体100%宽度。
在右箭头的单击上，我希望具有一个dropdown与div中心容器相同的宽度。以下是我的代码和fiddle，但下拉菜单似乎根本不起作用。
<div class="navbar navbar-default" role="navigation">
<div class="container-fluid">
<div class="row">
<div class="leftBox pull-left" href="#">
</div>
<div class="rightBox pull-right" href="#">
Right Div
</div>
<div class="nav-collapse collapse">
<ul class="nav">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></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 class="divider"></li>
<li class="nav-header">Nav header</li>
<li><a href="#">Separated link</a></li>
<li><a href="#">One more separated link</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
nsthethunderbolt
下拉列表可以正常使用，但是您正在使用collapse它，因此它已经处于折叠状态。
并且：在js中添加：
function fun(){
document.getElementsByClassName('nav-collapse')[0].classList.remove('collapse');
}
这在CSS中：
.nav-collapse{width:60%; float:left;}
确实使事情起作用。试试。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
为什么我的嵌套导航栏没有正确下拉？
- 2
为什么在导航栏后面没有显示我的文字？
- 3
为什么我的引导程序导航栏没有显示活动按钮？
- 4
为什么我的导航栏没有使用 HTML CSS 和 Bootstrap 显示？
- 5
为什么我的字形图标没有显示在导航栏上（引导程序）？
- 6
为什么我的导航栏没有在 React 中呈现？
- 7
为什么我的网站没有显示侧面导航？
- 8
为什么我的导航栏无法正确折叠并显示下拉按钮？
- 9
为什么我的错误栏的末端没有显示？
- 10
为什么导航栏图标没有显示在操作栏中？
- 11
为什么我的导航栏没有出现在我的网站上？
- 12
为什么我的 Ajax 响应显示在我的导航栏上？
- 13
为什么UIBarButtonItem中的UIButton没有显示在导航栏中？
- 14
为什么我没有在引导程序中获得所需的导航栏？
- 15
为什么我的导航栏没有固定在它的位置？
- 16
为什么我的Express应用程序中的导航栏上没有其他标签？
- 17
为什么我的导航栏没有背景颜色和垂直列表？
- 18
在导航栏之后，为什么我的表没有从新行开始？
- 19
为什么顶部导航栏（offcanvas）在我的 html css 代码中没有完美的过渡
- 20
为什么我的导航不能垂直显示下拉链接？
- 21
为什么我的引导导航栏不显示内联？
- 22
为什么无法显示我的底部导航栏？
- 23
为什么我的“菜单”栏没有显示在我的JFrame“窗口”对象中？
- 24
为什么导航栏项中没有索引？
- 25
为什么我的导航栏切换器默认显示导航栏项目
- 26
为什么我的kivy下拉菜单没有显示（Python）？
- 27
不知道为什么我的 Kivy 下拉列表没有显示
- 28
为什么我的片段没有显示在导航控制器中？
- 29
为什么我的彩色图标没有显示在导航抽屉中
我来说两句