Bootstrap

Bootstrap.

Bootstrap Patterns

Full Height / Full Screen / Dashboard

		<div class="main container align-items-center h-100 container-fluid">
			<div class="row flex-fill">

• .container-fluid full width container, spanning the entire width of the viewport. #
• .d-flex will set display: flex. #
  • display: flex The element behaves like a block element and lays out its content according to the flexbox model.
  • display: ineline-flex The element behaves like an inline element and lays out its content according to the flexbox model.
  • display - CSS: Cascading Style Sheets | MDN
• .flex-fill Use the .flex-fill class on a series of sibling elements to force them into widths equal to their content (or equal widths if their content does not surpass their border-boxes) while taking up all available horizontal space. #
  • Looks like it's setting flex: 1 1 auto!important;