JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>

    <div class="container">
        <header>
           Header
        </header>

        <div class="wrapper">
            <div class="row">
                <div class="col-md-8">
                    Some content
                </div>

                <div class="col-md-3 col-md-offset-1 col-aside">
                    <aside>Some content</aside>
                </div>
            </div>
        </div>
    </div>

CSS

html, body, body > .container {
    height: 100%;
}

body > .container {
    position: relative;
    padding: 0;
}

header {
    width: 100%;
    height: 70px;
    position: absolute;
    left: 0;
    top: 0;

    border: 1px solid black;
}

.wrapper {
    min-height: 100%;
    border: 1px solid black;
    padding: 80px 10px 10px 10px;
}

.wrapper > .row {
    min-height: 100%;
    border: 1px solid black;
}

.col-aside {
    min-height: 100%;
}

aside {
    min-height: 100%;
    border: 1px solid black;
}