самозагрузки: выравнивать элементы списка в кнопке выпадающего

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> 

Как сделать Item выровнен по левому краю, а значение - справа? (Использование классов Twitter Bootstrap)

Answer 1

Там нет класса в Bootstrap для этого, но вы можете добавить стили для этой цели

<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; 
}