web-dev-qa-db-ja.com

メインロゴが中央に配置されたナビゲーションボタン

こんにちは私は私のナビゲーションボタンを中央に配置するために最善を尽くしましたが、それでもメインロゴの下に完全に中央に配置されません。誰か助けてもらえますか?コード行がないか、間違った値が設定されている可能性があります。

.nav-pills > li > a {
padding-right: 12px;
padding-left: 12px;
margin-right: 60px;
line-height: 14px;
}

.nav-pills > li > a {
padding-top: 8px;
padding-bottom: 8px;
margin-top: 2px;
margin-bottom: 2px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: white;
background-color: #F6861F;
}

.header .nav-pills > li > a {
    border: 1px solid #000000;
    border-bottom: 0;
    margin: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin-right: 0;
}

.nav-pills > li > a {
    margin-right: 0;
}
.nav-pills > li > a {
    margin-bottom: 3px;
}

助けをいただければ幸いです。私のページは、

http://www.webbmaster.com.au/web-programs/questdesign/

1
Kyle
.navigation .nav-pills {
    /* add: */
    text-align: center;
 }
.nav-tabs > li, .nav-pills > li{
    /* float: left; */
    display: inline-block;
}

上のパディングとマージンを変更します

.nav-tabs > li > a, .nav-pills > li > a{
   /* ... */
}