"Google Sign out button(on clicking the image menu will be popped out)"
Bootstrap 3.2.0 Snippet by nanirajesh

<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.2.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 ----------> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <body> <div class="container"> <div class="row"> <div class="col-sm-3"></div> <div class="col-sm-6"> <div class="dropdown"> <img src="http://www.wired.com/wiredenterprise/wp-content/uploads/2014/01/micro-soft-story.jpg" class="img img-circle dropdown-toggle" data-toggle="dropdown"/> <div class="dropdown-menu"> <div style="float:left"> <a href="#" class="btn btn-success"> <span class="glyphicon glyphicon-asterisk"></span> Settings </a> </div> <br> <br> <div style="float:left"> <button class="btn btn-success">Profile</button> <button class="btn btn-success">Signout</button> </div> </div> </div> </div> <div class="col-sm-3"></div> </div> </div> </body> </html>
img{ max-height:200px; max-width:120px; }

Related: See More


Questions / Comments: