Html 如何在可折叠菜单导航中居中导航项目

我正在尝试将导航项文本置于可折叠菜单的中心

但由于某种原因，当我在css中选择.nav项时，文本对齐 中心，它不起作用

我做错了什么？我也尝试过在.navbar nav上进行文本对齐，但它仍然不能使文本居中

@媒体屏幕和（最大宽度：767px）{
.nav项目注销{
位置：相对位置；
顶部：20px；
右：0；
字体系列：“Saira”，无衬线；
字体大小：20px；
颜色：rgb（223250250）；
填充物：5px；
宽度：25%；
}
.菜单{
背景色：透明；
边界：无；
光标：指针；
显示：块；
填充：0；
浮动：对；
顶部：10px；
位置：相对位置；
}
}

{%if user.u经过身份验证%}
{%else%}
{%endif%}
{%block searchform%}{%endblock searchform%}
{%block content%}{%endblock content%}
未来之声©2020

版权所有！

如何扩展整个页面上的容器1（

），然后将菜单置于导航中心（

）？

我发现了问题，这是css中的另一个.nav item命令，我将宽度设置为25%，我将此更改为100%，现在我可以将导航项链接居中查看开发控制台，看看是否有一些引导CSS覆盖了您的CSS。如果没有一个工作示例，很难看出问题所在。我认为可能是引导覆盖了我的命令，我如何覆盖引导CSS？使您的CSS更具体。您的屏幕宽度设置为android的