Html 导航栏在大屏幕上保持在中间，宽度为我自己的宽度

我有一个导航栏在一个网站，即时通讯建设，这是全宽的大屏幕。 我正试图让它在我自己的大屏幕宽度，我卡住了

我这里有密码

.navbar{
背景色：#2424；
边框底部：1px实心#b9b9；
字体系列：“Poiret One”，草书；
}
纳瓦尔先生{
颜色：#中交！重要；
}
.导航栏a:悬停{
颜色：#ffffff！重要；
背景色：#6464！重要；
}
.导航栏标题.导航栏品牌{
颜色：白色！重要；
字号：1.5em；
}

切换导航

这可能是实现这一点的最简单方法：您可以在任何媒体查询中使用自定义类限制容器大小，您希望

navbar

为800px，然后只需将自定义的

容器

颜色调整为

导航栏

颜色和

导航栏

背景颜色，使其与主体匹配或使用透明

参见工作示例

body，
html{
边缘顶部：55px；
}
.navbar.navbar-custom{
背景色：#2424；
边框底部：1px实心#b9b9；
字体系列：“Poiret One”，草书；
}
.navbar.navbar-custom.navbar导航李a{
颜色：#中交；
}
.navbar.navbar-custom.navbar导航李a:悬停{
颜色：#ffffff；
背景色：#6464；
}
.导航栏自定义.导航栏标题.导航栏品牌{
颜色：白色；
字号：1.5em；
}
@介质（最小宽度：1200px）{
.container.container-nav{
宽度：800px；
背景色：#2424；
}
.container.container-content{
宽度：800px；
}
.navbar.navbar-custom{
背景色：透明；
边界：无；
}
}

切换导航
















你好

最大宽度：800px；左边距：自动；右边距：自动将特性宽度用于自定义宽度以及显示：内联-block@Jay它会将“触点”保留在与以前相同的位置，但会使导航栏正确。我们如何“联系”来跟踪导航栏？没问题，很高兴我能帮上忙！