Html 如何使用引导在angular中创建页脚？

我已经在angular中为我的网页创建了一个页脚。但它与网站中的内容重叠。我怎么会对这件事生气

代码：

©2019版权所有

这是一个HTML布局问题-与角度无关。你甚至不需要使用引导。 您可以使用flex-将页脚设置为

flex-basis:50px（例如）和其他使用
flex-grow的代码：1。这将为您的页脚设置一个固定的大小，并将在整个页面上拉伸其余的页脚


body，
html{
身高：100%；
填充：0；
保证金：0；
}
.第页{
显示器：flex；
弯曲方向：立柱；
身高：100%；
}
.内容{
柔性生长：1；
}
.页脚{
弹性基准：50px；
背景色：黑色；
颜色：白色；
文本对齐：居中；
}

满足于此
页脚
只需从页脚中删除
固定底部
类即可

<footer class="footer bg-dark footer-design">
  <div class="text-white text-center mr-3">
      © 2019 Copyright
  </div>
</footer>


©2019版权所有
可能的副本，但上面提到的方法页脚出现在页面内容的旁边。问题是页面中只有一半的页脚出现在页面的中间。这就是页脚的实现方式。如果您不希望容器类位于整个页面的底部，可以删除容器类的
高度：100%
。我没有使用任何固定的底部类，请检查css并从主容器或页脚中删除
位置：绝对
css属性。
<footer class="footer bg-dark footer-design">
  <div class="text-white text-center mr-3">
      © 2019 Copyright
  </div>
</footer>