Align div to bottom of the page in bootstrap

<p>I tried to use methods from stack questions, but nothing works for me, despite project is very simple.</p><pre><br /><code><div class="fluid-container"><br /> <div id="app-row" class="row"><br /> <div id="app" class="col-xs-5"><br /> <div class="top-navbar"><br /> Top<br /> </div><br /> <div class="bottom-navbar"><br /> Bottom<br /> </div><br /> </div><br /> <div id="map-container" class="col-xs-7"><br /> <div id="map"></div><br /> </div><br /> </div><br /></div><br /></code><br /></pre><p>style.css</p><pre><br /><code>.fluid-container {<br /> margin: 0 0 0 0 !important;<br /> padding: 0 0 0 0 !important;<br /> width: 100%;<br />}<br /><br />.row {<br /> margin: 0 0 0 0 !important;<br /> padding: 0 0 0 0 !important;<br /> width: 100%;<br />}<br /><br />html, body, .fluid-container, #app-row, #map-container {<br /> height: 100%<br />}<br /><br />#app-row {<br /> margin: 0 0 0 0 !important;<br /> padding: 0 0 0 0 !important;<br />}<br /><br />#map-container {<br /> margin: 0 0 0 0 !important;<br /> padding: 0 0 0 0 !important;<br />}<br /><br />#map {<br /> height: 100%;<br /> width: 100%;<br />}<br /></code><br /></pre><p>What I want to achieve:</p><p>Bottom is bottom of the page and Top is on the top of the page.</p><br /><h2>Click here view more answers <a href="%20http://stackoverflow.com/questions/34470264/align-div-to-bottom-of-the-page-in-bootstrap">http://ift.tt/1NGBD2T</a></h2>