Bootstrap 无需滚动条即可填充垂直空间

ocebsuys 于 2022-12-08 发布在 Bootstrap

关注(0)|答案(1)|浏览(124)

因此，我可以找到很多关于填充 Bootstrap 垂直空间的stack overlow文章，从使用h-100到flex-grow-1，但我找不到一个可以简单地填充容器 * 而不提供垂直滚动条 * 的文章。
这是我的尝试：

<html>
<body>
<div class="container-fluid">
   <div class="row">
      <div class="col-sm-4 bg-info" >first column</div>
      <div class="col-sm-8 bg-warning" >second column</div>
   </div>
</div>
</body>
</html>

有没有一种 * 纯粹的引导 * 方法可以让它完全填满整个 windows ，而不显示滚动条？我可以用很多方法来做到这一点，比如用css，或者直接使用flex grid，但是我想不出任何方法来做到这一点，只要添加引导类。（这两种背景样式只是

twitter-bootstrap

来源：https://stackoverflow.com/questions/73105301/bootstrap-fill-vertical-space-without-a-scrollbar

1条答案

按热度按时间

isr3a4wc1#

在**.行**上，您可以添加这些类vh-100 align-items-stretch

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous">

<div class="container-fluid">
  <div class="row vh-100 align-items-stretch">
    <div class="col-sm-4 bg-info">first column</div>
    <div class="col-sm-8 bg-warning">second column</div>
  </div>
</div>

赞(0）回复(0）举报 2022-12-08

我来回答

Bootstrap 无需滚动条即可填充垂直空间

1条答案

相关问题

热门标签

最新问答