bootstrap中填充剩余高度

在Bootstrap中，可以使用Flexbox布局来实现填充剩余高度的效果。具体实现方法如下：

1. 首先，需要将父容器的display属性设置为flex，以开启Flexbox布局。

2. 其次，将子容器的flex属性设置为1，表示该子容器将占用剩余空间的比例。例如，如果有两个子容器，一个高度为100px，另一个需要填充剩余高度，则需要将后者的flex属性设置为1。

下面是一个示例代码：

<div class="d-flex flex-column" style="height: 500px;">
  <div style="height: 100px; background-color: red;"></div>
  <div style="flex: 1; background-color: blue;"></div>
</div>

在上面的代码中，父容器的`d-flex`类表示开启Flexbox布局，`flex-column`类表示垂直排列子容器。子容器中，第一个容器高度为100px，第二个容器的`flex`属性设置为1，表示自动填充剩余高度。

需要注意的是，这种方式只适用于父容器的高度已知的情况。如果父容器的高度未知，需要使用JavaScript来动态计算。