Angular 在页面/角度栏中使用引导显示错误的导航栏和侧栏

使用角度和引导4。 具有3个组件的角度项目：

组件导航栏：从引导页面复制导航栏示例，设置在页面顶部

组件侧栏：从引导页面复制导航栏示例，设置在页面的一侧

组件底部：我刚从导航栏中取出它，放在页面底部。（图中可见）

所有这些组件都位于主组件中： -导航栏 -边栏 -底部

问题在于，导航栏和侧栏的引导示例（引导页面）中没有显示它

• “搜索元素输入”应该在右边
• 侧边栏应该到达页面底部，但它不这样做。（如图所示）

导航栏和侧栏的复制方式与它们在引导页面中的显示方式完全相同。 你能帮我解决这个问题吗？或者在这种情况下我应该怎么做。 多谢各位

代码： 导航栏（）

如果您愿意提供一些代码，例如codepen或stackblitz，那么帮助您会容易得多。