引導：排列列表的元素在下拉按鈕

Question

有一組下拉列表按鈕：

<div class="btn-group"> 
    <button class="btn"> 
     Some text 
    </button> 

    <button class="btn dropdown-toggle" data-toggle="dropdown"> 
     <span class="caret"></span> 
    </button> 

    <ul class="dropdown-menu"> 
     <li><a href='#'>Item1 Value1</a></li> 
     <li><a href='#'>Another_Item Value1</a></li> 
    </ul> 
</div> 

如何使項目是左對齊，與價值 - 對吧？ （使用Twitter的引導類）

Answer 1

有一個在引導這個不用上課，但你可以爲這個目的

<button class="btn btn-width-text"> 
    Some text 
</button> 

<button class="btn dropdown-toggle btn-with-caret" data-toggle="dropdown"> 
    <span class="caret"></span> 
</button> 

.btn-width-text{ 
    float: right; 
    border-radius: 0 4px 4px 0; 
} 

.btn-with-caret{ 
    border-radius: 4px 0 0 4px; 
} 

樣式添加