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”具有相同的外观