JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://getbootstrap.com/dist/css/bootstrap.min.css">
<div class="row header">
    <div class="col-md-12">Header</div>
</div>
<div class="row menu">
    <div class="col-md-12">Menu</div>
</div>
<div class="container">
    <div class="row">
        <div class="col-md-3 col1">a</div>
        <div class="col-md-7 col2">b</div>
        <div class="col-md-2 col3">c</div>
    </div>
</div>

CSS

.header {
    background:green;
}
.menu {
    background:yellow;
}
.container, .container .row, .container .row *, body, html {
    height:100%;
}
.col1 {
    background:blue;
}
.col2 {
    background:green;
}
.col3 {
    background:orange;
}