Question

我正在尝试将Angular的材质助手添加到我的Angular 8应用程序中。

我能够使Angular Material 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>

我再也看不到我的导航栏和bootstrap旋转木马被按下，并且几乎不显示图像（我只看到旋转木马图像占位符所在的底部）。

我尝试使用CSS justify-content / position将侧边栏更向左推，但这对我不起作用。

有人知道我该如何工作吗？

Answer 1

我转到了side-nav容器的css文件，并在“右边”添加了一些像素。这样做将侧面导航栏导航到导航栏的左侧（现在显示）。现在，我可以很好地在自举轮播中看到图像了。

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

}

将Sidenav添加到Angular项目

1 个答案: