Clever Geek Handbook

Boot Response Center Navbar Center List / Links

I am using the latest Bootstrap (2.02) and I want to keep all links centered on the navbar and still have a responsive layout. I can't seem to find a solution to have a centered and fixed layout as well as responsive.

Can anyone point me in the right direction?

+3


source to share


2 answers


If you are not interested in IE and 8 you can add the following CSS



.navbar .nav{
    float: none;
    text-align: center;
}
.navbar .nav > li{
    float: none;
    display: inline-block;
}
+4


source


For center alignment, the following must be done:

.navbar .nav > li > a {
  padding: 15px 20px; 
  text-align: center;
  float: none;
  display: inline-block;
}


It seems that IE 8 and below do not support media queries .

0


source






More articles:


All Articles