Есть ли способ иметь несколько полностраничных контейнеров в Bootstrap?(спецификации указаны внутри)

Question

У меня проблемы с созданием нескольких полностраничных контейнеров в начальной загрузке. В частности, я хочу, чтобы мои страницы были одна за другой, аналогично этой демонстрации (я не автор): https://codepen.io/butsuri/pen/xcukz

Проблема, с которой я сталкиваюсь, заключается в том, что большинство реализаций полностраничных контейнеров не полагаются на контейнеры Bootstrap, и мне нужны контейнеры Bootstrap, потому что я не хочу портить выравнивание текста в моем коде ( если бы я реализовал свой код так же, как описано выше, отступы в моих «вкладках» были бы удалены).

Если мое объяснение / код ужасный (извините), вот что у меня есть: https://codepen.io/anon/pen/XwjzWY

и я хочу иметь больше полных страниц после этого, но добавление в другие контейнеры просто уменьшает его, так как он будет разделять строки 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>