Html Bootstrap 3中面包屑的下拉菜单
目标:Html Bootstrap 3中面包屑的下拉菜单,html,css,twitter-bootstrap-3,Html,Css,Twitter Bootstrap 3,目标: 在面包屑中为“图片”创建下拉菜单(使用bootstrap的下拉列表) 问题: 我已经尝试过使用Bootstrap3来实现它,但效果不太好 信息: *今天的网页(http://jsbin.com/yobizugeba/edit?html,输出) 谢谢大家! 自己做这个菜单 <div class="container"> <img src="http://placehold.it/350x150" alt=""> <ul class="dropdown"&g
在面包屑中为“图片”创建下拉菜单(使用bootstrap的下拉列表) 问题:
我已经尝试过使用Bootstrap3来实现它,但效果不太好 信息:
*今天的网页
(http://jsbin.com/yobizugeba/edit?html,输出)
谢谢大家! 自己做这个菜单
<div class="container">
<img src="http://placehold.it/350x150" alt="">
<ul class="dropdown">
<li>12345</li>
<li>12345</li>
</ul>
</div>
.dropdown {
display: none;
position: absolute;
}
.container img:hover + .dropdown {
display: block;
}
- 12345
- 12345
.下拉列表{
显示:无;
位置:绝对位置;
}
.容器图像:悬停+.下拉列表{
显示:块;
}
当我使用下拉列表时,它看起来与原来的面包屑不完全一样。然后你需要自定义此下拉列表的css,告诉我请设计你的下拉列表请给我图片,你的菜单应该是什么样子下拉列表的外观是bootstrap的下拉列表。缺少的部分是“主页”和“测试”之间没有“/”。换句话说,“Second”的结果应该与源代码中的“first”具有相同的外观