Bootstrap 4卡-页脚不与页面底部对齐

是一个常见的问题，可以通过以下方法解决：

1. 使用flex布局：在页面的主要内容容器上应用flex布局，并将其flex-direction属性设置为column，这将使内容容器自动填充整个页面高度。然后，将页脚容器放在内容容器之后，通过设置margin-top:auto属性，使其自动定位到页面底部。
2. 使用sticky footer布局：将页面分为头部、内容和页脚三个部分。在内容容器上应用flex布局，并设置flex-grow属性为1，使其自动填充剩余空间。然后，将页脚容器放在内容容器之后，并设置position属性为sticky，bottom属性为0，这将使页脚始终保持在页面底部。
3. 使用position布局：将页面分为头部、内容和页脚三个部分。在内容容器上应用position布局，并设置top属性为头部高度，bottom属性为页脚高度，这将使内容容器自动填充剩余空间。然后，将页脚容器放在内容容器之后，并设置position属性为absolute，bottom属性为0，这将使页脚始终保持在页面底部。

推荐的腾讯云相关产品：腾讯云服务器（CVM）、腾讯云容器服务（TKE）、腾讯云负载均衡（CLB）、腾讯云对象存储（COS）等。

更多关于Bootstrap 4卡-页脚不与页面底部对齐的解决方案和示例代码，可以参考腾讯云开发者社区的文章：解决Bootstrap 4卡-页脚不与页面底部对齐的问题。