sandbox.mdwn

   1 <div class="btn-group" role="group" aria-label="Button group with nested dropdown">
   2   <button type="button" class="btn btn-primary">Primary</button>
   3   <div class="btn-group" role="group">
   4     <button id="btnGroupDrop1" type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></button>
   5     <div class="dropdown-menu" aria-labelledby="btnGroupDrop1">
   6       <a class="dropdown-item" href="#">Dropdown link</a>
   7       <a class="dropdown-item" href="#">Dropdown link</a>
   8     </div>
   9   </div>
  10 </div>
  11
  12 <div class="btn-group" role="group" aria-label="Button group with nested dropdown">
  13   <button type="button" class="btn btn-success">Success</button>
  14   <div class="btn-group" role="group">
  15     <button id="btnGroupDrop2" type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></button>
  16     <div class="dropdown-menu" aria-labelledby="btnGroupDrop2">
  17       <a class="dropdown-item" href="#">Dropdown link</a>
  18       <a class="dropdown-item" href="#">Dropdown link</a>
  19     </div>
  20   </div>
  21 </div>
  22
  23 <div class="btn-group" role="group" aria-label="Button group with nested dropdown">
  24   <button type="button" class="btn btn-info">Info</button>
  25   <div class="btn-group" role="group">
  26     <button id="btnGroupDrop3" type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></button>
  27     <div class="dropdown-menu" aria-labelledby="btnGroupDrop3">
  28       <a class="dropdown-item" href="#">Dropdown link</a>
  29       <a class="dropdown-item" href="#">Dropdown link</a>
  30     </div>
  31   </div>
  32 </div>
  33
  34 <div class="btn-group" role="group" aria-label="Button group with nested dropdown">
  35   <button type="button" class="btn btn-danger">Danger</button>
  36   <div class="btn-group" role="group">
  37     <button id="btnGroupDrop4" type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></button>
  38     <div class="dropdown-menu" aria-labelledby="btnGroupDrop4">
  39       <a class="dropdown-item" href="#">Dropdown link</a>
  40       <a class="dropdown-item" href="#">Dropdown link</a>
  41     </div>
  42   </div>
  43 </div>