<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row"> <div class="btn-group"> <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"> <img class="avatar border-white" src="img/face-2.jpg" alt="..."/> <span class="caret"></span> </button> <ul class="dropdown-menu" role="menu"> <li><a href="#">1-Action</a></li> <li><a href="#">1-Another action</a></li> <li><a href="#">1-Something else here</a></li> <li class="divider"></li> <li><a href="#">1-Separated link</a></li> </ul> <ul class="dropdown-menu" role="menu"> <li><a href="#">2-Action</a></li> <li><a href="#">2-Another action</a></li> <li><a href="#">2-Something else here</a></li> <li class="divider"></li> <li><a href="#">2-Separated link</a></li> </ul> </div> </div> </div>