我正在自定义Bootstrap 3中的菜单，我不确定如何将下拉框与父母相关联。
这是一张图片，用于解释我想要做的事情 - http://i.picpar.com/MBw.png
这里是一个jsbin - http://jsbin.com/oCorUjA/1/
谢谢！
编辑：有人可以帮帮我吗？我尝试了很多东西，并没有取得任何进展。
答案 0 :(得分：0)
我有同样的问题，我做的是给每个下拉菜单它自己的ID，然后我会在CSS中定义元素，...你要做的基本上是这样的：
首先不要覆盖核心引导程序CSS ...但是在谷歌浏览器中，检查元素，当你找到下拉菜单时添加一个边距左边：-35px;并且你看到你的第一个下拉列表将在中心排队，所以？...这应该让你知道你需要为每个下拉菜单做什么，并带有它自己的ID :-) 您可能不想使用负边距，我只是想知道该怎么做：
我亲自为每个下拉列表提供了自己的列ID，并添加了正确的CSS，以便在中心准确对齐它... 希望这有帮助！
答案 1 :(得分：0)
问题是你为下拉菜单设置了最小宽度为160px（当你将鼠标悬停在菜单上时切换的菜单）。它们设置为float：left并且始终为160px宽度，但上面的导航栏宽度基于您键入的单词的长度（服务器，托管服务等）。您可以通过将（。dropdown-menu）css位置更改为relative而不是absolute来解决此问题。当您将鼠标悬停在项目上时，这将导致导航栏反弹，除非您还将（.navbar-nav li a）设置为min-width 160px。我建议使用firefox作为浏览器，以便检查元素，进行临时css更改以查看差异，并检查移动响应。祝你好运
