Html 将sidenav添加到角度项目

我正在尝试将Angular Material sidenav添加到Angular 8应用程序中

我能够让角度材质sidenav出现在我现有SPA登录页的左侧。。现在的问题是，虽然侧导航像应该的那样位于左侧，但它会导致现有组件出现一些问题

<section><nav>
<app-header></app-header>
</nav>
<div class="container">
<br>
<app-weather></app-weather> //where the sidenav is located
<app-home></app-home> //my bootstrap carousel with images
<br>
<app-bio></app-bio>
<br>
<app-date-time></app-date-time>
<router-outlet></router-outlet>
</div>
</section>

我再也看不到导航栏，我的引导转盘被按下，图像几乎无法显示，我只看到转盘图像占位符所在的底部

我试图使用CSS的内容/位置来将侧边栏向左推，但这对我来说不起作用

---

有人知道我是如何工作的吗？

我找到了侧导航容器的css文件，并在右侧添加了一些像素。执行此操作时，将侧导航置于导航栏的左侧，此时将显示。我现在可以完美地看到引导转盘中的图像

    .example-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 5;

}