Horizontal

<div class="btn-group" role="group" aria-label="Basic example"><button type="button" class="btn btn-dark">Left</button><button type="button" class="btn btn-dark">Middle</button><button type="button" class="btn btn-dark">Right</button></div>

Input Group 

<div class="btn-toolbar justify-content-between mr-2" role="toolbar" aria-label="Toolbar with button groups"><div class="btn-group mb-2" role="group" aria-label="First group"><button type="button" class="btn btn-dark">1</button><button type="button" class="btn btn-dark">2</button><button type="button" class="btn btn-dark">3</button><button type="button" class="btn btn-dark">4</button></div><div class="input-group mb-2"><div class="input-group-prepend"><div class="input-group-text" id="btnGroupAddon2">@</div></div><input type="text" class="form-control" placeholder="Input group example" aria-label="Input group example" aria-describedby="btnGroupAddon2"></div></div>

Vertical

Dropdown linkDropdown link
Dropdown linkDropdown link
<div class="btn-group-vertical" role="group" aria-label="Vertical button group"><button type="button" class="btn btn-dark">Button</button><div class="btn-group" role="group"><button id="btnGroupVerticalDrop1" type="button" class="btn btn-dark dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Dropdown <svg>... </svg></button><div class="dropdown-menu" aria-labelledby="btnGroupVerticalDrop1"><a class="dropdown-item" href="#">Dropdown link</a><a class="dropdown-item" href="#">Dropdown link</a></div></div><button type="button" class="btn btn-dark">Button</button><button type="button" class="btn btn-dark">Button</button><div class="btn-group" role="group"><button id="btnGroupVerticalDrop2" type="button" class="btn btn-dark dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Dropdown <svg>... </svg></button><div class="dropdown-menu" aria-labelledby="btnGroupVerticalDrop2"><a class="dropdown-item" href="#">Dropdown link</a><a class="dropdown-item" href="#">Dropdown link</a></div></div></div>

Copyright © 2020 DesignReset,All Rights Reserved.

Coded with