Css 引导菜单项宽度

我正试图解决一个奇怪的问题，可能是关于我使用Bootstrap制作的导航栏的一个很小的问题-似乎有一些类似空白的地方，这意味着我不能让菜单项占据页面的整个宽度
图片中：

我的导航条码如下：

/*导航栏*/
纳瓦尔先生{
颜色：白色！重要；
文本对齐：居中；
填充：0；
过渡：所有0.2秒缓解；
}
.下拉列表{
字体系列：Impact、Haettenschweiler、Franklin哥特式粗体、Arial黑色、“无衬线”；
字号：3em；
字号：100；
颜色：白色！重要；
文本对齐：居中；
宽度：20%；
}
.下拉菜单{
字体系列：Impact、Haettenschweiler、Franklin哥特式粗体、Arial黑色、“无衬线”；
字号：0.8em；
最小宽度：100%；
文本对齐：居中；
}
.下拉切换：激活，
.打开.下拉开关{
颜色：黑色！重要；
背景色：白色！重要；
}
.下拉切换：悬停{
颜色：黑色！重要；
背景色：白色！重要；
}
.下拉切换{}
.主动{
填充：0；
文本对齐：居中；
}
.主动a{
字体系列：Impact、Haettenschweiler、Franklin哥特式粗体、Arial黑色、“无衬线”；
字号：3em；
字号：100；
颜色：白色！重要；
}
.活动a:悬停{
背景色：白色！重要；
颜色：黑色！重要；
}

这是一项正在进行的工作。Am将上面的代码与导航条形码集成。我现在时间不够，但很快就会回来的

.navbar a{
颜色：白色！重要；
文本对齐：居中；
填充：0；
过渡：所有0.2秒缓解；
}

这是一项正在进行的工作。Am将上面的代码与导航条形码集成。我现在时间不够，但很快就会回来的

.navbar a{
颜色：白色！重要；
文本对齐：居中；
填充：0；
过渡：所有0.2秒缓解；
}