两个垂直截面，带引导板5

Question

过去一天我一直在为这个问题而挣扎，如果有人能帮助我，我将不胜感激！我正试图用bootstrap 5做一些类似的事情。目标我正在努力实现

我知道如何做形式，居中的标志等等，但我不能把页面分成两个垂直的部分，我想在左边使用bg深色，在右边使用bg次要。以下是我现在拥有的：

<div class="container">
<div class="row">
<div class="col-4 bg-dark p-0">
<img src="/img/FOODIGO.svg" alt="">
</div>
<div class="col-8 bg-secondary">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Sapiente facere adipisci tempore perspiciatis aliquid nostrum impedit deserunt doloremque. Voluptatum ullam quo incidunt quae eligendi autem nesciunt dolore, asperiores suscipit quas.</div>
</div>
</div>

谢谢你的帮助！

Answer 1

这应该可以完成任务。

有关更多信息，您可以在此处阅读：https://www.w3schools.com/bootstrap5/bootstrap_grid_basic.php

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"/>
<div class="container-fluid">
<div class="row" style="height:100vh;">
<div class="col-sm-4 bg-dark p-0">
<img src="/img/FOODIGO.svg" alt="">
</div>
<div class="col-sm-8 bg-secondary" style="height:100vh;">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Sapiente facere adipisci tempore perspiciatis aliquid nostrum impedit deserunt doloremque. Voluptatum ullam quo incidunt quae eligendi autem nesciunt dolore, asperiores suscipit quas.</div>
</div>
</div>

我已经更新了答案，以包含您的初始代码。这将使您的部分也能做出响应。

基本上，通过向容器中添加流体，我们将容器拉伸到父容器的100%宽度。

希望这能有所帮助。