Button group

.button-group shares borders and radii across sibling .buttons, .input-group, and .button-group-text. Use outline (or mixed) variants. There is no wrapper.

Buttons

<div class="button-group">
	<button class="button button-outline" type="button">One</button>
	<button class="button button-outline" type="button">Two</button>
	<button class="button button-outline" type="button">Three</button>
</div>

With input group

<div class="button-group" style="width: 100%">
	<span class="button-group-text"><label class="label" for="url">https://</label></span>
	<div class="input-group">
		<input class="input" id="url" placeholder="example">
	</div>
	<span class="button-group-text">.com</span>
</div>