引导左右列

Question

应该很简单，但是我看不到我的错误。

瞄准 整个标记为居中 col 和 col-10 宽度。 接下来在同一个 10 中，col 有两个 div 50% 50%。

使用 bootstrap 5，由于某种原因，左右堆叠

当前代码

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<section class="slider-block slider-block-inv mb-0 pb-0 pb-md-5">
    <div class="container">
        <div class="row justify-content-center">
            <div class="text-center col-10">
                <h2 class="text-white">Title <span class="fw-bold">more</span></h2>
                <strong style="color:#4EF4CB;">Session Title Goes Here:</strong>
                <p class="pt-3">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit.</p>
            </div>
            <div class="row-cols-2">
                <div class="col">left</div>
                <div class="col">Right</div>
            </div>
        </div>
    </div>
</section>

Answer 1

具有

row-cols-2

的元素也需要

row

类，即

<div class="row row-cols-2">