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>

http://getbootstrap.com/components/#navbar-buttons


Comments

Popular posts from this blog

php - SPIP: From Tag directly to an article -

jquery - isAjaxRequest always return false -

ruby on rails - In a controller spec, how to find a specific tag in the generated view? -