html - Centering a bootstrap footer -
i'm trying center bootstrap footer on page , i'm having problems. right now, it's left aligned default , can't seem find how fix after many attempts on last week - i'm stumped. here's code have far...
thanks help!
<footer> <div class="navbar navbar-inverse navbar-fixed-bottom"> <div class="container"> <div class="navbar-collapse collapse" id="footer"> <ul class="nav navbar-nav"> <li><a href="about.php">about</a></li> <li><a href="faq.php">faq</a></li> <li><a href="contact_feedback.php">contact us</a></li> <li><a href="contributions.php">donate</a></li> <li><a href="terms_of_use.php">terms of use</a></li> <li><a href="privacy_policy.php">privacy policy</a></li> </ul> </div> <div class="navbar-footer"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#footer"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> </div> </div> </footer>
no need alter html, add following css override bootstrap's defaults:
.navbar-nav { text-align:center; float:none; } .navbar-nav li { display:inline-block; float:none; }
Comments
Post a Comment