JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<body>
    <nav class="navbar navbar-inverse navbar-fixed-top">
        <div class="container-fluid">
        
        </div>
    </nav>

    <div class="main-wrapper">      
        <div class="sidebar-container col-xs-3">
            <div class="sidebar-header">
                <form class="form-inline">
                    <input type="text" name="search" class="form-control" placeholder="Search"/>
                </form>
            </div>
            <div class="sidebar">
                <nav>
                    <ul class="nav nav-stacked nav-pills">
                        <li><h1>Test</h1></li>
                        <li><h1>Test</h1></li>
                        <li><h1>Test</h1></li>
                        <li><h1>Test</h1></li>
                        <li><h1>Test</h1></li>
                        <li><h1>Test</h1></li>
                        <li><h1>Test</h1></li>
                        <li><h1>Test</h1></li>
                        <li><h1>Test</h1></li>
                        <li><h1>Test1</h1></li>
                        <li><h1>Test2</h1></li>
                        <li><h1>Test3</h1></li>
                        <li><h1>Test4</h1></li>
                        <li><h1>Test5</h1></li>
                        <li><h1>Test6</h1></li>
                    </ul>
                </nav>
            </div>
        </div>
        <div class="main-view col-xs-9 pull-right">
            <div class="jumbotron text-center">
                <div class="container">
                    <h2>Title</h2>
                    <p>Example <span class="text-danger">Text</span>.</p>
                </div>
            </div>
        </div>
    </div>
</body>

CSS

html, body {
  height: 100%;
}

/* Main view, move content down due to fixed navbar. */
.main-wrapper {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	padding-top: 50px;
}

/* Container for a sidebar. */
.sidebar-container {
	height: 100%;
	position: fixed;
    padding: 0px;
    margin-top: -50px;
    padding-top: 50px;
	border-right: 1px solid #ddd;

}

.sidebar-header {
	position: relative;
	padding: 15px;
	border-bottom: 1px solid #ddd;
}

/* Scrollable sidebar. */
.sidebar {
    height: 100%;
	position: relative;
	overflow-y: scroll;
}

.main-view {
	height: 100%;
	overflow: auto;
	position: relative;
	padding: 0px;
}

.nav-pills li:last-child{
margin-bottom:80px;
}