html - 有没有办法在 Bootstrap 中有多个整页容器？（规格在里面注明）

Question

我在引导程序中制作多个整页容器时遇到了麻烦。具体来说，我希望我的页面一个接一个，类似于这个演示（我不是作者）：https ://codepen.io/butsuri/pen/xcukz

我遇到的问题是整页容器的大多数实现不依赖于 Bootstrap 容器，我需要 Bootstrap 容器，因为我不想弄乱代码中的文本对齐方式（如果我实现了我的代码与上面相同，我的“标签”中的填充将被删除）。

如果我的解释/代码很糟糕（对不起），这是我到目前为止所拥有的： https ://codepen.io/anon/pen/XwjzWY

并且我希望在此之后有更多的整页 div，但是添加其他容器只会压扁它，因为它将共享行的 h-100（使其成为 h-50、h-33 等），并且它赢了不再是全屏（100vh）。

我觉得我错过了一些非常基本的东西。感谢您提前帮助我（无论您是谁）。

我的代码是：

<div class="container">
    <div class="row h-100">
        <div class="col-sm-12 my-auto">
            <div class="card-block mx-auto">
                <p style="margin:0">public class Class {
                    <p style="padding-left:5em;margin:0">
                    Stylised, indented tabs
                    </p>
                    }
                </p>
            <div>
        </div>
    </div>
</div>

标签： htmlcssbootstrap-4