與其他按鈕的btn容器中的引導按鈕下拉列表

我在空閒時間創建了所見即所得編輯器。我決定我想用下拉菜單讓自己選擇格式。問題是當我添加一個下拉菜單時，它並不是在按鈕下面，而是在按鈕容器的開始處。與其他按鈕的btn容器中的引導按鈕下拉列表

這裏是一張圖片來展示我的意思。

enter image description here

的第一個按鈕看起來活躍，因爲文本左對齊......對不起，我試圖找到一種方法來解決這個問題，但下拉是從最後一個按鈕。

我的問題是，有沒有辦法來對齊Twitter的引導下拉列表中，它應該是上或至少使下拉與按鈕容器的寬度按鈕。

是的。你可以只添加規則，left: auto; right: 0;爲<ul>到他那裏，指定或在上課，說.right-menu，這種方式：

.right-menu, .dropdown-menu.right-menu {left: auto; right: 0;}

相同的工作演示將是jsFiddle。

2013-02-12 18:29:56

但如果下拉是在中心還是右邊？我目前在列表元素中添加了「拉右」類，但想知道是否有更好的方法。 – 2013-02-12 18:31:25

不，這是正確的方法，因爲'拉右'會浮動你的下拉菜單，但不會受到影響，因爲它絕對定位！ – 2013-02-12 18:32:14

我的擔心是，這可能並不總是在右側。我很好奇，是否有一種方法來包含下拉，所以它相對於包含下拉按鈕的按鈕而不是所有按鈕的實際容器。我想我會嘗試用div或其他東西包裝它。 – 2013-02-12 18:37:18

在.dropdown-menu上使用.pull-right使其保持在容器的右側並不是壞事。

如the source看到，這個類是爲了做到這一點：

// Aligns the dropdown menu to right 
&.pull-right { 
    right: 0; 
    left: auto; 
}

如果你喜歡讓它那樣大的容器，你可以嘗試將其應用到您的菜單：

.dropdown-menu { 
    min-width: 100%; 
}

你應該保持.pull-right如果你有更大的菜單。

2013-02-12 18:53:38 Sherbrow

回答