Reactjs react引导行填充所有可用空间

我需要将行拉伸到页脚的开头。Bootstrap有类

h-100

，但它在我的情况下不起作用，我不知道为什么。
我是新来的前端，但我在互联网上的所有例子都没有帮助我(

应用程序

Upd：将
vh-100
等级添加到容器后

Upd：使位置相对
主屏幕：
滚动后：
class
h-100
将采用父级高度，因此这里的行将采用容器高度，这是显示其子级所需的行高度。
您需要做的是计算剩余空间的高度：

container Height = (fullpage height) -(footer height + header height)

用react编码

这是主代码放置的组件didmount或useffect，如果您正在使用功能组件，请尝试直接为容器提供全视图高度

 <Container className="vh-100 d-flex flex-column "> 
       <Row className="h-100">
  ......


......
你想要实现什么？？？你是否尝试过给边栏100%的高度？？？@AkhilAravind是的，我尝试过。据我所知，100%的高度等于边栏所在列的高度，但bootstrap通过它的own@PrakashKarena我想将行的内容高度拉伸到footer@sm4ll_3gg你试过100vha吗dd display flex并让我知道发生了什么ok，侧边栏一直延伸到页面的末尾，但现在与页脚发生了冲突（如果我删除行的
h-100
类，侧边栏的高度将返回到第一个示例您的侧边栏总是像上面一样打开，或者您正在切换？？您需要更多地关注引导的基础知识，这没关系。继续学习：）看起来像我需要的，但我不知道应该将这些代码放在哪里才能看到结果
  componentDidMount(){
    const header = document.querySelector("header").offsetHeight  
    const footer = document.querySelector("footer").offsetHeight
     document.querySelector(".my-container").style.height =`${window.innerHeight-(header+footer)}px`
  }

 <Container className="vh-100 d-flex flex-column "> 
       <Row className="h-100">
  ......