css - ナビゲーション バーの幅を変更し、ページ上部の中央に配置する方法を教えてください。

Question

Web サイトのナビゲーション バー全体の幅を中央に配置して変更する方法がわかりません。

-スレート ブーツウォッチ テーマを使用しています

Answer 1

ブートストラップ css を微調整するために追加の css を追加する必要がある場合があります。

.navbar-nav{           
    display: inline-block;  
    float: none; 
} 

.navbar-collapse {
    text-align: center;
}

navbar-rightナビゲーションからクラスを削除しますul

各メニュー項目の幅を変更するには、.nav > li > a

例えば、.nav > li > a { width: 150px;}

Answer 2

<div class="navbar navbar-default" style="
    width: 600px;
    position: absolute;
    left: 35%;
">
...............
  <div class="navbar-collapse collapse navbar-responsive-collapse" style="
    width: 500px;
    position: absolute;
    left: 10%;
">

必要に応じて番号を変更して修正します。実際には良い方法ではありませんが、見たい場合があります