Html 需要引导导航栏项来水平填充整行

我需要我的导航栏项目/链接来填充它们所在的整行。我已经尝试了很多不同的选项，比如引导。调整资源中心，但由于某些原因，它不会改变

以下是我的导航栏的图像：

这是html，但当我在这里运行预输入过程时，它看起来与我的版本不同：

谢谢

.btn group vertical>.btn group:：after、.btn toolbar:：after、.clearfix:：after、.container fluid:：after、.container:：after、.dl horizontal dd:：after、.form horizontal.form group:：after、.modal header:：after、.navbar collapse:：after、.navbar:：after、.pager:：after、.panel body:：after、，.行：：之后{
明确：两者皆有；
}
.btn group vertical>.btn group:：after、.btn group vertical>.btn group:：before、.btn toolbar:：after、.btn toolbar:：before、.clearfix:：after、.clearfix:：before、.container fluid:：before、.container:：after、.container:：before、.dl horizontal dd:：after、，.form horizontal.form group:：before、.modal footer:：after、.modal footer:：before、.modal header:：after、.modal header:：before、.nav:：after、.navbar collapse:：after、.navbar header:：after、.navbar:：before、.pager:：after、.pager:：before、.panel body:：after、，.panel body:：before、.row:：after、.row:：before{
显示：表格；
内容：“；
}
在…之后在…之前{
-webkit框大小：边框框；
-moz框大小：边框框；
框大小：边框框；
}
元素{
}
.导航条反转{
背景色：#1c75bc；
边框颜色：#1c75bc；
}
navbar先生{
边界半径：4px；
}
navbar先生{
位置：相对位置；
最小高度：50px；
边缘底部：20px；
边框：1px实心透明；
边框顶色：透明；
右边框颜色：透明；
边框底色：透明；
左边框颜色：透明；
}
* {
-webkit框大小：边框框；
-moz框大小：边框框；
框大小：边框框；
}
身体{
字体大小：14px；
字体系列：Poppins；
字体大小：400；
线高：24px；
颜色：#777；
}
身体{
文本呈现：优化易读性！重要；
线高：24px；
}
身体{
字体系列：“Helvetica Neue”，Helvetica，Arial，无衬线；
字体大小：14px；
线高：1.42857143；
颜色：#333；
}
html{
字体大小：10px；
}
html{
字体系列：无衬线；
-webkit文本大小调整：100%；
}

查看引导示例中的对齐导航栏：

您必须添加此自定义CSS：

@media (min-width: 768px) {
  .navbar-nav {
    display: -ms-flexbox;
    display: flex;
  }

  .navbar-nav .nav-item {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
  }
}

如果您使用的是Bootstrap 3.3:

请尝试此方法

nav{
   width: 100%;
}

ul{
    display: table;
    width: 100%;
 }

ul li{
     display: table-cell;
     width: 1%;
     text-align: center;
}

---

请看下面的片段

.btn group vertical>.btn group:：after、.btn toolbar:：after、.clearfix:：after、.container fluid:：after、.container:：after、.dl horizontal dd:：after、.form horizontal.form group:：after、.modal header:：after、.navbar collapse:：after、.navbar:：after、.pager:：after、.panel body:：after、，.行：：之后{
明确：两者皆有；
}
.btn group vertical>.btn group:：after、.btn group vertical>.btn group:：before、.btn toolbar:：after、.btn toolbar:：before、.clearfix:：after、.clearfix:：before、.container fluid:：before、.container:：after、.container:：before、.dl horizontal dd:：after、，.form horizontal.form group:：before、.modal footer:：after、.modal footer:：before、.modal header:：after、.modal header:：before、.nav:：after、.navbar collapse:：after、.navbar header:：after、.navbar:：before、.pager:：after、.pager:：before、.panel body:：after、，.panel body:：before、.row:：after、.row:：before{
显示：表格；
内容：“；
}
在…之后在…之前{
-webkit框大小：边框框；
-moz框大小：边框框；
框大小：边框框；
}
元素{
}
* {
-webkit框大小：边框框；
-moz框大小：边框框；
框大小：边框框；
}
身体{
字体大小：14px；
字体系列：Poppins；
字体大小：400；
线高：24px；
颜色：#777；
}
身体{
文本呈现：优化易读性！重要；
线高：24px；
}
身体{
字体系列：“Helvetica Neue”，Helvetica，Arial，无衬线；
字体大小：14px；
线高：1.42857143；
颜色：#333；
}
html{
字体大小：10px；
}
html{
字体系列：无衬线；
-webkit文本大小调整：100%；
}
navbar先生{
边界半径：4px；
}
navbar先生{
位置：相对位置；
最小高度：50px；
边缘底部：20px；
边框：1px实心透明；
边框顶色：透明；
右边框颜色：透明；
边框底色：透明；
左边框颜色：透明；
}
.nav>li{
显示：内联块！重要；
}
导航条{
背景色：#1c75bc；
边框颜色：#1c75bc；
}
.导航栏导航{
宽度：100%；
}
.导航条反转{
背景色：#1c75bc；
边框颜色：#1c75bc；
}
@介质（最小宽度：992px）{
.导航栏导航{
显示：-webkit内联flex；
显示：-moz内联flex；
显示：-mz内联柔性；
显示：内联flex；
宽度：100%；
页边距底部：0；
-webkit证明内容：之间的空间；
-moz-justify内容：之间的空间；
-mz对正内容：之间的空间；
证明内容：之间的空间；
}
}
@介质（最大宽度：992px）{
.导航栏导航>李>a{
填充：12px；
}
}