Bootstrap 4 引导导航栏-文本布局

我正试图在我正在工作的网站上设置导航栏，我遇到了一点问题

在下面的代码中，我的导航栏文本显示在单独的行上，我只希望它在折叠视图而不是普通视图中显示。有什么想法吗？我可能只是在这里做傻事，但任何帮助都是感激的。（还有，关于良好实践或我做错的事情的任何提示或任何事情，请说出来，以便我可以为将来解决它。）

*{
填充：0；
保证金：0；
}
html，正文{
身高：100%；
宽度：100%；
}
.容器液体{
填充：0px！重要；
}
#折叠导航条{
文本对齐：居中；
}
#标题{
高度：100px；
边缘顶部：75px；
文本对齐：居中；
}
#内容容器{
}
#内容{
}
#艺术作品{
}

考试题目

而不是在

导航项目中包装
导航链接

在

导航栏导航中包装导航项目

请参见

*{
填充：0；
保证金：0；
}
html，
身体{
身高：100%；
宽度：100%；
}
.容器液体{
填充：0px！重要；
}
#折叠导航条{
文本对齐：居中；
}
#标题{
高度：100px；
边缘顶部：75px；
文本对齐：居中；
}
#内容容器{}
#内容{}
#艺术作品{}

考试题目

已解决。没关系，我意识到了自己的愚蠢。将所有3个链接放在列表项中。