Css 角度4+;引导4页脚,位于第页的引导OM处

Css 角度4+;引导4页脚,位于第页的引导OM处,css,angular,angular-ui-bootstrap,footer,Css,Angular,Angular Ui Bootstrap,Footer,已经搜索了谷歌和这个董事会,并尝试了很多解决方案,但并没有任何成功。我喜欢在任何站点的底部有一个footer(如果站点在视口底部不够高) 我使用的是Angular4和Bootstrap4,这是我当前的代码(这是一个模板,需要对其进行设置,因为它有问题): 权力伙伴 {{auth.username$| async} 阿卜梅尔登 但是页脚应该在页面的底部。有人能解决这个问题吗?我目前没有使用任何特殊的css,因为我发现没有任何解决方案有效 任何帮助都会很好:-)一个可能的解决方案是使用卡片

已经搜索了谷歌和这个董事会,并尝试了很多解决方案,但并没有任何成功。我喜欢在任何站点的底部有一个
footer
(如果站点在视口底部不够高)

我使用的是Angular4和Bootstrap4,这是我当前的代码(这是一个模板,需要对其进行设置,因为它有问题):


权力伙伴
{{auth.username$| async}
阿卜梅尔登


但是页脚应该在页面的底部。有人能解决这个问题吗?我目前没有使用任何特殊的
css
,因为我发现没有任何解决方案有效


任何帮助都会很好:-)

一个可能的解决方案是使用
卡片页脚
固定底部
css类(请参见:),如下所示

<footer class="card-footer fixed-bottom"><div>bla bla</div></footer>
bla-bla
只需确保页脚在


注意:此解决方案将保持页脚可见,即使sidenav被隐藏,因为它是在sidenav容器关闭标记之后添加的。

除了上面Daniel C的回答之外

您也可以在不带卡片的情况下使用页脚

例如:

<footer class="fixed-bottom"><div>my footer</div></footer>
我的页脚

在我的解决方案中,我将两个类设置为footer,如下所示:
bla bla`但我使用的是bootstrap 4,在这个链接上几乎没有示例Cheers
fixed bottom
是我缺少的东西。如果你能回答这个问题,我很乐意接受。找出更多的问题。它仍然不在
侧导航
(如果我关闭或打开它,它不会移动)-即使它在标记中在我的情况下,
页脚
没有隐藏,可能不适合您,但我也会分享它。我只是在
标记之后添加
页脚。还可以尝试使用StackBlitz上的sidenav示例添加页脚
<footer class="card-footer fixed-bottom"><div>bla bla</div></footer>
<footer class="fixed-bottom"><div>my footer</div></footer>