bootstrap 5版本如何将脱离文档流拉下来

在Bootstrap 5中，如果你想让某个元素脱离文档流并固定在屏幕底部（类似于页脚），你可以使用`position: fixed`属性配合`bottom: 0`来实现。但是，Bootstrap并没有直接提供用于将整个页面布局拉下来的类，通常我们会选择自定义CSS或者利用Flexbox或Grid布局来达到目的。

下面是一个简单的示例，展示如何在一个容器内使内容固定到屏幕底部：

<div class="container">
  <!-- 其他内容... -->
  <div class="sticky-footer" style="position: relative; padding-bottom: 60px;"> <!-- 添加一些内容 -->
    <p>This content will be fixed at the bottom of the viewport.</p>
  </div>
</div>

<style>
.sticky-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: white; /* 可以设置背景色 */
  padding: 20px; /* 内容区域的填充 */
}
</style>

请注意，这只是一个基本的示例，实际应用可能需要考虑更多的细节，比如滚动行为、媒体查询以及兼容性问题。另外，如果你希望整个页面布局固定，可能需要调整HTML结构和使用JavaScript库如jQuery来管理。