css - 我需要帮助更改导航栏的宽度以及将其保持在页面顶部的中心

Question

我似乎无法弄清楚如何为我的网站居中和更改整个导航栏的宽度

-我正在使用 slate bootswatch 主题

Answer 1

<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%;
">

根据需要更改要修复的数字，这不是一个好方法，但也许您想看看

Answer 2

您可能需要添加额外的 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;}