bootstrap button group

1<div class="btn-group">
2  <button type="button" class="btn btn-success">Add</button>
3  <button type="button" class="btn btn-warning">Update</button>
4  <button type="button" class="btn btn-danger">Delete</button>
5</div>

1<!-- Basic example -->
2<div class="btn-group" role="group" aria-label="Basic example">
3   <button type="button" class="btn btn-primary">Left</button>
4   <button type="button" class="btn btn-primary">Middle</button>
5   <button type="button" class="btn btn-primary">Right</button>
6</div>
7
8<!-- Outlined styles -->
9<div class="btn-group" role="group" aria-label="Basic outlined example">
10   <button type="button" class="btn btn-outline-primary">Left</button>
11   <button type="button" class="btn btn-outline-primary">Middle</button>
12   <button type="button" class="btn btn-outline-primary">Right</button>
13</div>
14
15<!-- Checkbox and radio button groups -->
16<div
17   class="btn-group"
18   role="group"
19   aria-label="Basic checkbox toggle button group"
20>
21   <input type="checkbox" class="btn-check" id="btncheck1" autocomplete="off" />
22   <label class="btn btn-outline-primary" for="btncheck1">Checkbox 1</label>
23
24   <input type="checkbox" class="btn-check" id="btncheck2" autocomplete="off" />
25   <label class="btn btn-outline-primary" for="btncheck2">Checkbox 2</label>
26
27   <input type="checkbox" class="btn-check" id="btncheck3" autocomplete="off" />
28   <label class="btn btn-outline-primary" for="btncheck3">Checkbox 3</label>
29</div>
30
31<!-- Button toolbar -->
32<div class="btn-toolbar" role="toolbar" aria-label="Toolbar with button groups">
33   <div class="btn-group me-2" role="group" aria-label="First group">
34      <button type="button" class="btn btn-primary">1</button>
35      <button type="button" class="btn btn-primary">2</button>
36      <button type="button" class="btn btn-primary">3</button>
37      <button type="button" class="btn btn-primary">4</button>
38   </div>
39   <div class="btn-group me-2" role="group" aria-label="Second group">
40      <button type="button" class="btn btn-secondary">5</button>
41      <button type="button" class="btn btn-secondary">6</button>
42      <button type="button" class="btn btn-secondary">7</button>
43   </div>
44   <div class="btn-group" role="group" aria-label="Third group">
45      <button type="button" class="btn btn-info">8</button>
46   </div>
47</div>

1<div class="btn-group">
2  <button type="button" class="btn btn-primary">Apple</button>
3  <button type="button" class="btn btn-primary">Samsung</button>
4  <button type="button" class="btn btn-primary">Sony</button>
5</div>

1<div class="btn-toolbar" role="toolbar" aria-label="Toolbar with button groups">
2  <div class="btn-group mr-2" role="group" aria-label="First group">
3    <button type="button" class="btn btn-secondary">1</button>
4    <button type="button" class="btn btn-secondary">2</button>
5    <button type="button" class="btn btn-secondary">3</button>
6    <button type="button" class="btn btn-secondary">4</button>
7  </div>
8  <div class="btn-group mr-2" role="group" aria-label="Second group">
9    <button type="button" class="btn btn-secondary">5</button>
10    <button type="button" class="btn btn-secondary">6</button>
11    <button type="button" class="btn btn-secondary">7</button>
12  </div>
13  <div class="btn-group" role="group" aria-label="Third group">
14    <button type="button" class="btn btn-secondary">8</button>
15  </div>
16</div>

1  
2  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
3  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
4  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
5  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
6  
7  
8  <div class="btn-group-vertical">
9    <button type="button" class="btn btn-primary">Apple</button>
10    <button type="button" class="btn btn-primary">Samsung</button>
11    <button type="button" class="btn btn-primary">Sony</button>
12  </div>