<!DOCTYPE html>
<html>
<head>
<link data-require="bootstrap@4.0.5" data-semver="4.0.5" rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" />
<script data-require="bootstrap@4.0.5" data-semver="4.0.5" src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.5/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="style.css" />
<script src="script.js"></script>
</head>
<body>
<div class="container-fluid bg-danger h-100">
<div class="row justify-content-center h-100">
<div class="col-3 my-auto bg-warning">
<h1 class="text-center">col-3</h1>
</div>
<div class="col-3 my-auto bg-success">
<h1 class="text-center">col-3</h1>
</div>
</div>
</div>
</body>
</html>
// Code goes here
/* Styles go here */
body, html {
height: 100%;
margin: 0;
}