Ich habe eine Höhe von 100%

Die Höhe von Elementen mit p-* eistellen

Die Höhe von von beliebiegen Elementen kann in Bootstrap 4 durch hinzufügen der Klasse h-x* festgelegt werden.

Zu beachten ist, das die Höhen sich immer auf das Element bezieht in welchen übergeorneten Element es sich befindet.

Das heist ein Element welches sich in einen div mit 200px Höhe befindet und die Klasse p-50 hat wird mit 100px dargestellt.
Möchte man also z.B die gesamte Höhe des Displays nutzen muss html,body { height: 100%;} definiert sein.

Vordefiniert sind dabei die Klassen h-25 => 25%, h-50 => 50%, h-75 => 75% und h-100 => 100%

Es besteht aber auch die Möglichkeit eigene Klassen zu definieren zum Beispiel h-80 was einer Höhe von 80% enspricht:

.h-80 {
   height: 80% !important;
}
Beispiele:
<div class="h-25">
<div class="h-50">
 <div class="h-75">
<div class="h-100">