Левый ботстрап выпадающего меню?

Question

Интересно, существует ли или существует способ сделать кнопку начальной загрузки, например, here, но с выпадающим меню влево. Если я просто изменил порядок в html, то кнопки будут отображаться в правильном порядке, но их поверхности не «привязываются» правильно, чтобы быть полностью смежными, как единый объект кнопки.

Answer 1

Вы хотите что-то исправить?

http://jsfiddle.net/SeanWessell/2mbsLkmw/

HTML:

<!-- Split button --> 
<div class="btn-group btn-group-left"> 
    <button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <span class="caret"></span> 
<span class="sr-only">Toggle Dropdown</span> 

    </button> 
    <button type="button" class="btn btn-danger">Action</button> 
    <ul class="dropdown-menu"> 
     <li><a href="#">Action</a> 
     </li> 
     <li><a href="#">Another action</a> 
     </li> 
     <li><a href="#">Something else here</a> 
     </li> 
     <li role="separator" class="divider"></li> 
     <li><a href="#">Separated link</a> 
     </li> 
    </ul> 
</div> 

Добавить БТН-группу, слева от БТН-группы дел.

Надстройка это CSS для переопределения начальной загрузки:

CSS:

.btn-group.btn-group-left .dropdown-toggle { 
    border-top-right-radius: 0px !important; 
    border-bottom-right-radius: 0px !important; 
} 
.btn-group.btn-group-left .dropdown-toggle+.btn { 
    border-top-right-radius: 4px !important; 
    border-bottom-right-radius: 4px !important; 
}