Bootstrap4 按钮组

<div class="btn-group">

<button type="button"class="btn btn-primary">Apple</button>

<button type="button"class="btn btn-primary">Samsung</button>

<button type="button"class="btn btn-primary">Sony</button></div>

<div class="btn-group btn-group-lg">

<button type="button"class="btn btn-primary">Apple</button>

<button type="button"class="btn btn-primary">Samsung</button>

<button type="button"class="btn btn-primary">Sony</button>

</div>

<div class="btn-group-vertical">

<button type="button"class="btn btn-primary">Apple</button>

<button type="button"class="btn btn-primary">Samsung</button>

<button type="button"class="btn btn-primary">Sony</button>

</div>

<div class="btn-group">

<button type="button"class="btn btn-primary">Apple</button>

<button type="button"class="btn btn-primary">Samsung</button>

<div class="btn-group">

<button type="button"class="btn btn-primary dropdown-toggle"data-toggle="dropdown">      

Sony    

</button>

<div class="dropdown-menu">

<a class="dropdown-item"href="#">Tablet</a>

<a class="dropdown-item"href="#">Smartphone</a>

</div></div>

</div>

<div class="btn-group">

<button type="button"class="btn btn-primary">Sony</button>

<button type="button"class="btn btn-primary dropdown-toggle dropdown-toggle-split"data-toggle="dropdown">

<span class="caret"></span>

</button>

<div class="dropdown-menu">

<a class="dropdown-item"href="#">Tablet</a>

<a class="dropdown-item"href="#">Smartphone</a>

</div>

</div>

<div class="btn-group-vertical">

<button type="button"class="btn btn-primary">Apple</button>

<button type="button"class="btn btn-primary">Samsung</button>

<div class="btn-group">

<button type="button"class="btn btn-primary dropdown-toggle"data-toggle="dropdown">      

Sony    

</button>

<div class="dropdown-menu">

<a class="dropdown-item"href="#">Tablet</a>

<a class="dropdown-item"href="#">Smartphone</a>

</div></div>

</div>