JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<body>
<nav class="navbar navbar-inverse navbar-static-top">
    ...
</nav>
<!-- END NAVBAR -->
<div class="container-fluid">
    <div class="row row-first">
        <img class="img img-responsive" src="https://static.pexels.com/photos/7439/pexels-photo-large.jpg" />
    </div>
</div>

CSS

html {
    height: 100%;
}

body {
    height: 100%;
}

body {
    font-family: 'Muli', sans-serif;
}

.container-fluid {
    height: 100%;
    padding-left: 0px;
    padding-right: 0px;
}

.row {
    margin-left: 0px;
    margin-right: 0px;
}

.row-first {
    height:80%;
    overflow: hidden;
}