Twitter的引導下拉菜單的寬度

這是我的目標是盡：https://docs.google.com/file/d/0B13W1jkpc_BzLXZ6RGxGbUd2NG8/edit?usp=sharing Twitter的引導下拉菜單的寬度

這裏是我的方法的CSS：

@media (min-width: 980px) { 
.dropdown-menu .sub-menu { 
    left: 100%; 
    position: absolute; 
    top: 0; 
    visibility: hidden; 
    margin-top: -1px; 
} 
ul.nav li.dropdown:hover > ul.dropdown-menu { 
    display: block; 
} 
a.menu:after, .dropdown-toggle:after { 
    content: none; 
} 
.navbar .dropdown-menu { 
    margin-top: 0px; 
    text-align: center; 
}}

而且它的方式現在看起來：https://docs.google.com/file/d/0B13W1jkpc_BzZUlRck5VcWh0TkE/edit?usp=sharing

一切工作得很好，除了我似乎無法獲得下拉菜單文本的正確寬度（我需要根據文本縮小寬度）。那我該怎麼做？

來源

2013-02-14 Abdulrahman AlQallaf

您必須刪除.dropdown-menu列表min-width財產。包括後以下你包括引導：

.dropdown-menu { min-width: 0px; }

另外，對於確切的風格，你給了，你可以使用bootstrap's tooltips代替

來源

2013-04-23 14:43:52

當它是'0'時，你不需要指定一個單位。 – cdmckay 2014-06-06 18:57:22

嘗試從.dropdown菜單的.sub菜單類中刪除填充。

.dropdown-menu .sub-menu { 
    left: 100%; 
    position: absolute; 
    top: 0; 
    visibility: hidden; 
    margin-top: -1px; 
    padding: 0; 
}

來源

2013-02-14 22:20:02 F0rgiven

不，那不是。 – 2013-02-15 12:19:16

@user你可以將你的代碼扔在一個JSBin或JSFiddle中，這樣我們可以更好地看一看嗎？ – F0rgiven 2013-02-15 17:55:20

那麼你可以增加空間到你內心的文字，它會自動增加其寬度例如你有「的類別 - - 查看」

與& NBSP添加空間很多，你要像

& nbsp - 按類別查看 -

來源

2016-06-06 18:01:25

Twitter的引導下拉菜單的寬度

回答

相關問題