1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
| <div class="btn-group-separator">
<div class="btn-group">
<button type="button" class="btn btn-secondary btn-first">Left</button><!--
--><button type="button" class="btn btn-secondary">Middle</button><!--
--><button type="button" class="btn btn-secondary btn-last">Right</button>
</div>
<div class="btn-group" role="group" aria-label="Button group with nested dropdown">
<button type="button" class="btn btn-secondary btn-first">1</button><!--
--><button type="button" class="btn btn-secondary">2</button><!--
--><div class="btn-group" role="group">
<button id="btnGroupDrop1"
type="button"
class="btn btn-secondary btn-last"
data-dropdown
data-target="btn-group-dropdown"
aria-haspopup="true"
aria-expanded="false">
Dropdown
</button>
<div class="dropdown-menu"
aria-labelledby="btnGroupDrop1"
data-dropdown-menu="btn-group-dropdown"
data-align="left">
<a class="dropdown-item" href="#">Dropdown link</a>
<a class="dropdown-item" href="#">Dropdown link</a>
</div>
</div>
</div>
</div>
<div class="btn-group-separator">
<div class="btn-group">
<button type="button" class="btn btn-first">Left</button><!--
--><button type="button" class="btn">Middle<span class="badge">25</span></button><!--
--><button type="button" class="btn btn-last">Right<span class="badge">2</span></button>
</div>
</div>
|