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;   } 

bootply example


Comments

Popular posts from this blog

Payment information shows nothing in one page checkout page magento -

tcpdump - How to check if server received packet (acknowledged) -