Author : MD TAREQ HASSAN | Updated : 2020/10/25

Responsive virtical height

Use style="height: 33vh;" in a div

<!-- One-third of screen height -->
<div style="height: 33vh;" class="jumbotron jumbotron-fluid bg-secondary" >

	<div class="">

	</div>
	
</div>

Full screen height using bootstrap

<!-- Full screen height even there is no enough content -->
<div class="min-vh-100 ..." >

	<div class="">

	</div>
	
</div>