我需要帮助改变导航栏的宽度，并将其保持在页面顶部的中心位置

Question

我似乎无法弄清楚如何居中和放松更改我website

的整个导航栏的宽度

- 我正在使用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来调整bootstrap css：

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

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

并从导航navbar-right

中删除课程ul

更改每个菜单项的宽度，定位.nav > li > a

例如，.nav > li > a { width: 150px;}