html - Bootstrap Glyphicons not vertically aligning on bottom Navbar -
i have used social buttons on website displayed on navbar @ bottom of page reason not vertically centered. here snippet of code footer/navbar icons vertically centered.
<div class="navbar navbar-default navbar-fixed-bottom"> <div class="container"> <button class="btn btn-twitter pull-right"><i class="fa fa-twitter"></i> <button class="btn btn-google-plus pull-right"><i class="fa fa-google-plus</i> <button class="btn btn-facebook pull-right"><i class="fa fa-facebook-square"></i> </div> </div> this turning out like. http://imgur.com/ptylycc
you'll want use .navbar-button class.
something like:
<nav class="navbar navbar-default" role="navigation"> <div class="container-fluid"> <button type="button" class="btn btn-default navbar-btn">sign in</button> </div> </nav>
Comments
Post a Comment