我正在尝试使用Bootstrap框架在我的网站上创建一个表单，除了Bootstrap似乎没有计算表单的高度这一事实外，这个表单很好。我的表单后面有一个页脚，在一个单独的div标签中，但是当我在浏览器中查看输出时，页脚只覆盖了表单的一半。这就像Bootstrap不会给表格div一个自动高度。
代码：
https://jsfiddle.net/w2s61Lfo/
**表单是包装器中的最后一个元素，然后页脚是我身体的最后一个。对于凌乱的CSS感到抱歉，我写得很乱，然后回去清理它。
我无法发布图片，抱歉!!
谢谢！
答案 0 :(得分：1)
你的粘性页脚是正确的。你的bootstrap列用法是错误的......
Bootstrap使用容器作为包装器div来控制内容部分的宽度，并为您的内容提供一个装订线。
Col-xs- ，col-sm - 等， - 这些只是具有一定宽度百分比的浮动元素。由于这些div是浮动的，因此只有当它具有＆＃34;行时才会计算它们的正确高度。在它周围。
行 - 在其中指定了clearfix（CSS clear）。这样可以计算col- *高度
你的栏目必须有一排
<div class="row">
<form class="col-xs-12"></form>
</div>
这是一个工作小提琴 JS Fiddle