Bootstrap Navbar Ortalama

Merhaba arkadaşlar. Bootstrap ile yapmış olduğunuz menüleri kendi tasarlamak istediğiniz sayfaya göre şekillendirmek isteyebilirsiniz. İşte böyle bir durum benim de başıma geldi ve bootstrap ile yapmış olduğum menüyü ortalamak istedim ve araştırıp öğrendim. Öğrendiğim bu küçük uygulamayı sizlerle paylaşıyorum ve iyi çalışmalar diliyorum.HTML Kodu

[PHP]

[/PHP]

CSS Kodu (Kendi oluşturduğum style.css dosyası içerisindeki kod)

[PHP]

@media (min-width: 768px) {
.navbar-nav {
width: 100%;
text-align: center;
}
.navbar-nav > li {
float: none;
display: inline-block;
}
.navbar-default {
background-color: white;
border-color: white;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{
background-color:white;
}
}

[/PHP]