我在尝试自定义bootstrap 5封面示例时非常吃力。我非常喜欢这个设计，尤其是页眉和页脚(没有切换，当减少的品牌停留在一行，等等(
我想要一个有更多内容的页面，在中间滚动，同时修复导航栏和页脚。将页脚类更改为footer fixex-bottom很容易让我找到想要的位置。
我有两个问题：
-
你能帮我修复导航栏顶部吗(文本不完全展开宽度(？我希望能够在这个确切的位置滚动导航栏风格，重新制作固定的顶部，但内容不完整。我也在尝试改变颜色。
-
当我有很少的文本时，它应该在页眉和页脚之间的页面中心，而不是在顶部对齐。
请参阅此CodePen示例。我第一次使用CodePen，所以请耐心等待：(
这不是我本来会使用的HTML结构，但我使用您的代码作为基础使其工作。这是我用你的钢笔做的叉子：叉子示例
这是我为使其发挥作用而添加的内容：
-
将类固定顶部添加到黄色标题中。它按照你的意愿扩展，并固定在顶部。为了使它与您的内容保持一致，我添加了一个引导容器类，以使所有内容都以最大值为中心。然后，我将这个类添加到css中已经制作好的样式中，以保持与封面容器类相同的最大宽度。
-
为了保持页面内容垂直居中，我创建了一个容器，让它们在里面放在一起(边框供参考(。我希望页面至少有100vh高，这样我就可以将所有内容正确地集中到某个位置。我建议你阅读Bootstrap文档，了解他们的类的作用。我添加的类集
display: flex;和align-items: center;py-5主要是为了风格。