如何強制引導切換菜單打開另一個div？

如何強制Bootstrap切換菜單在div上打開，如下所示？
當我點擊地球圖形時，菜單在地球旁邊打開。
在這一點上，寬度似乎不是正確的href鏈接設置，因爲
當我移動一個鏈接只是完整的一小部分在後臺灰色。

這是我bootply Demo 如何強制引導切換菜單打開另一個div？

我找的兩個解決方案。
數1：
enter image description here
數2：

來源

2015-04-23 udgru

請包括您的其他代碼，或者更好的是，創建一個[** bootply **]（http://www.bootply.com/new） – Ted

感謝您的提示與bootply。我在上面添加了一個演示。 – udgru

中的引導代碼的叢林中花了幾個小時後，我發現
，我剛剛加入下面這段CSS來讓我想的解決方案二。
我仍然不知道如何在正確的旗幟
就像我已經顯現了我的第一個通緝的解決方案...

下面是解決方案二號解決顯示切換菜單：

#menu .open .dropdown-menu { 
    position: absolute; 
    float: none; 
    width: auto; 
    margin-top: 55px; 
    background-color: transparent; 
    border: 0; 
    -webkit-box-shadow: none; 
      box-shadow: none; 
} 
#menu .open .dropdown-menu > li > a, 
#menu .open .dropdown-menu .dropdown-header { 
    padding: 5px 15px 5px 15px; 
} 
#menu .open .dropdown-menu > li > a { 
    line-height: 20px; 
}

你也可以在bootply上查看結果here

來源

2015-04-24 10:44:07 udgru

如何強制引導切換菜單打開另一個div？

回答

相關問題