<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row"> <h2> Facebook Style image Button. </h2> <div class="dropdown"> <button class="btn btn-default btn-md dropdown-toggle" type="button" data-toggle="dropdown"> <img class="img-circle" src="https://cdn.iconscout.com/public/images/icon/free/png-512/avatar-user-boy-389cd1eb1d503149-512x512.png" width="32px" height="32px"> Logout <span class="caret"></span></button> <ul class="dropdown-menu" width="20px"> <li><a href="#">Logout</a></li> </ul> </div> </div> </div>