button group bootstrap
Code Example - button group bootstrap
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
<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>
bootstrap button group
<div class="btn-group">
<button type="button" class="btn btn-success">Add</button>
<button type="button" class="btn btn-warning">Update</button>
<button type="button" class="btn btn-danger">Delete</button>
</div>
bootstrap 4 button
<button type="button" class="btn btn-primary">Primary</button>
<button type="button" class="btn btn-secondary">Secondary</button>
<button type="button" class="btn btn-success">Success</button>
<button type="button" class="btn btn-danger">Danger</button>
<button type="button" class="btn btn-warning">Warning</button>
<button type="button" class="btn btn-info">Info</button>
<button type="button" class="btn btn-light">Light</button>
<button type="button" class="btn btn-dark">Dark</button>
<button type="button" class="btn btn-link">Link</button>
Bootstrap 4 Button Groups
<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>
group button
<fieldset class="slds-form-element">
<legend class="slds-form-element__legend slds-form-element__label">
<abbr class="slds-required" title="required">*</abbr>Radio Group Label</legend>
<div class="slds-form-element__control">
<div class="slds-radio_button-group">
<span class="slds-button slds-radio_button">
<input type="radio" name="example-unique-name-113" id="example-unique-id-115" value="monday" />
<label class="slds-radio_button__label" for="example-unique-id-115">
<span class="slds-radio_faux">Mon</span>
</label>
</span>
<span class="slds-button slds-radio_button">
<input type="radio" name="example-unique-name-113" id="example-unique-id-116" value="tuesday" />
<label class="slds-radio_button__label" for="example-unique-id-116">
<span class="slds-radio_faux">Tue</span>
</label>
</span>
<span class="slds-button slds-radio_button">
<input type="radio" name="example-unique-name-113" id="example-unique-id-117" value="wednesday" />
<label class="slds-radio_button__label" for="example-unique-id-117">
<span class="slds-radio_faux">Wed</span>
</label>
</span>
<span class="slds-button slds-radio_button">
<input type="radio" name="example-unique-name-113" id="example-unique-id-118" value="thursday" />
<label class="slds-radio_button__label" for="example-unique-id-118">
<span class="slds-radio_faux">Thu</span>
</label>
</span>
<span class="slds-button slds-radio_button">
<input type="radio" name="example-unique-name-113" id="example-unique-id-119" value="friday" />
<label class="slds-radio_button__label" for="example-unique-id-119">
<span class="slds-radio_faux">Fri</span>
</label>
</span>
</div>
</div>
</fieldset>