如何调整顶部始终“下拉菜单Bootstrap 3”

Question

我正在寻找一种方法来获取下拉菜单＆gt; li打开时总是出现在同一位置顶部。

当我们推出第一个下拉菜单

时

当我们启动其他下拉菜单＆gt; li>一个

我正在使用bootstrap 3，不用担心响应我已完全删除，我需要所有下拉菜单从第一个下拉菜单的同一顶部开始＆gt;李＆GT;一个

.dropdown-menu {
  background-clip: padding-box;
  background-color: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.15);
  // border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
  display: none;
  float: left;
  font-size: 14px;
  // left: 0;
  left: 100%;
  list-style: none outside none;
  // margin: 2px 0 0;
  min-width: 160px;
  padding: 5px 0;
  position: absolute;
  text-align: left;
  // top:100%; i'm tried set 0 but not work..
  top: 0;
  z-index: 1000;
}

Answer 1

如果你提到你的代码或jsfiddle，我可以给你代码。

在右下拉列表中使用Position：absolute（！impotant if if）（包含动作，另一个动作等）给出top：0和left =第一个菜单的宽度（包含Ropas，Telephonos等） 这使得右下拉始终位于顶部

Answer 2

你可以这样做..

.dropdown-menu {
  top: 0;
  left: 100%;
}

演示：http://www.bootply.com/126758