Bootstrap 4 粘性页脚不粘 [英] Bootstrap 4 Sticky Footer Not Sticking
问题描述
不确定为什么粘性页脚在 Bootstrap 4 中不起作用.我有一个 TYPO3 网站,我是初学者.
粘性页脚未粘贴在页面底部.
这是已呈现的页面源的副本.
我基本上是从 bootstraps docs 文件夹中复制 html 文件,然后对其进行修改并将其复制到我的 TYPO3 模板中.
如果我用内容填充页面,页脚不会粘住 - 我必须向下滚动页面才能看到它.
<html lang="zh-cn"><头><meta charset="utf-8"><title>登陆页面</title><meta name="generator" content="TYPO3 CMS"><link rel="stylesheet" type="text/css"href="/typo3temp/assets/css/d42b6e1bdf.css?1507853162" media="all"><link rel="stylesheet" type="text/css"href="/fileadmin/templates/landing_page/css/bootstrap.min.css?1507860230"媒体=所有"><link rel="stylesheet" type="text/css"href="/fileadmin/templates/landing_page/css/sticky-footer.css?1507861966"媒体=所有"><脚本src="/fileadmin/templates/landing_page/js/jquery-3.2.1.min.js?1507862465"type="text/javascript"></script><脚本src="/fileadmin/templates/landing_page/js/tether.min.js?1507862602"type="text/javascript"></script><脚本src="/fileadmin/templates/landing_page/js/bootstrap.min.js?1507854311"type="text/javascript"></script>头部><身体><div class="容器"><div class="mt-1"><h1>粘性页脚</h1>
<p class="lead">将固定高度的页脚固定到使用此自定义 HTML 和 CSS 的桌面浏览器中的视口.</p><p>使用 粘性页脚固定导航栏如果需要,也是.</p><div class="row"><div class="col">1 of 3</div><div class="col">1 of 3</div><div class="col">1 of 3</div>
<footer class="footer"><div class="容器"><span class="text-muted">在此处放置粘性页脚内容.</span>
</页脚>