如何將bootstap btn-group中的菜單浮動到左側？

<div class="pull-right"> 

<div class="btn-group pull-left"> 
    <div class="btn-group"> 
    <a class="btn dropdown-toggle" data-toggle="dropdown" href="#"> 
    Action 
    <span class="caret"></span> 
    </a> 
    <ul class="dropdown-menu"> 
    <li><a href="#">some link 1</a></li> 
    <li><a href="#">some link 2</a></li> 
    <li><a href="#">some link 3</a></li> 
    </ul> 
    </div> 
</div> 

</div>

現在它看起來是這樣的：如何將bootstap btn-group中的菜單浮動到左側？

enter image description here

，我想有這樣的事情：

enter image description here

來源

2013-03-06 Derfder

爲了使下拉菜單出現在右對齊，你要簡單地分配pullright的下拉菜單：

的jsfiddle Demo

<ul class="dropdown-menu pull-right"> 
    <li><a href="#">some link 1</a></li> 
</ul>

在你提交的代碼分配到按鈕上拉左級小組不會真的把它拉到左邊，因爲父div使用拉右類。如果你想控制按鈕組排列，它的位置。你可以做到以下幾點： 不使用的div class="btn-group"多次

檢查的jsfiddle您呈現代碼（清理了一下）Demo with button 分配類就地留下左拔類的，這樣說：

<div class="btn-group left"> <!-- I have assigned a new class to it i.e left -->

比寫CSS來定位：

.btn-group.left{ 
    bottom: 15px; 
    position: relative; 
    top: 15px; 
    right:20px; 
    }

來源

2013-03-07 02:54:56 Shail

@derfder檢查jsfiddle並讓我知道你是否面臨任何問題。 – Shail 2013-03-07 07:57:02

在 dropdown-menu類變化

left: 0到right: 0

來源

2013-03-06 14:15:31

我已經升級我的代碼。我錯過了一些東西。現在完成了。我正在使用'拉右'，也許這是一個問題。順便說一句。 'right：0' is not working;（ – Derfder 2013-03-06 14:23:12

它應該工作http://jsfiddle.net/MgcDU/2432/ – 2013-03-06 15:06:13

如何將bootstap btn-group中的菜單浮動到左側？

回答

相關問題