有没有办法在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>