Добавить пользовательский класс к кнопке начальной загрузки

Question

У меня есть, с одной стороны, этот код, который является частью раскрывающегося списка бутстрапов grous.

<div class="btn-group"> 
    <button type="button" class="btn btn-default">Filter 1</button> 
     <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"> 
    <span class="caret"></span> 
    <span class="sr-only">Toggle Dropdown</span> 
    </button> 
    <ul class="dropdown-menu" role="menu"> 
    <li><a href="#">link 1</a></li> 
    <li><a href="#">link2</a></li> 
    <li><a href="#">link3</a></li> 
    <li class="divider"></li> 
    <li><a href="#">link4</a></li> 
    </ul> 

и у меня есть эта часть кода, который «называют» частью образов портфеля (изначально он был в одной кнопки)

<li class="filter" data-filter="Filter1"> 

То, что я хочу, без потери формата кнопки группы начальной загрузки, когда вы нажимаете кнопку, выполняйте второй код и дайте стрелке раскрывающегося списка только для раскрывающегося меню.

Спасибо

Answer 1

Я нашел решение:

<div class="btn-group"> 

<div class="btn btn-default"> 


    <li class="filter" data-filter="vehicles"><a href="#vehicles">Vehicles</a></li> 
</div> 
    <button type="button" data-toggle="dropdown" class="btn btn-default dropdown-toggle"><span 
class="caret"></span></button> 
    <ul class="dropdown-menu"> 
     <li><a href="#">Action</a></li> 
     <li><a href="#">Another action</a></li> 
     <li class="divider"></li> 
     <li><a href="#">Separated link</a></li> 
    </ul> 

</div>