JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<body>
    <div class="container appContainer">
        <div class="row full-height">
            <div class="col-sm-10 full-height">STUFF</div>
            <div class="col-sm-2 full-height">
                <div class="panel panel-default panel-nav">
                    <div class="panel-heading">
                         <h3 class="panel-title">Menu</h3>
                    </div>
                    <div class="panel-body text-center">
                        <button type="button" class="btn btn-default btn-lg btn-popover" data-toggle="tooltip" data-placement="bottom" data-popover="popUser" title="User" id="btnUser"> <span class="glyphicon glyphicon-user"></span>
                        </button>
                        <br/>
                        <button type="button" class="btn btn-default btn-lg btn-popover" data-toggle="tooltip" data-placement="bottom" data-popover="popTask" title="Tasks" id="btnTasks"> <span class="glyphicon glyphicon-tasks"></span>
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="popover-menu" id="popUser">
        <div>Userdata</div>
    </div>
    <div class="popover-menu" id="popTask">
        <div class="row">
            <div class="col-sm-3">1</div>
            <div class="col-sm-9">Value</div>
        </div>
        <div class="row">
            <div class="col-sm-3">2</div>
            <div class="col-sm-9">Value</div>
        </div>
        <div class="row">
            <div class="col-sm-3">3</div>
            <div class="col-sm-9">Value</div>
        </div>
        <div class="row">
            <div class="col-sm-3">4</div>
            <div class="col-sm-9">Value</div>
        </div>
        <div class="row">
            <div class="col-sm-3">5</div>
            <div class="col-sm-9">Value</div>
        </div>
        <div class="row">
 ...

CSS

html, body {
    height: 100%;
    width: 100%;
    overflow: hidden;
}
.appContainer {
    height: 100%;
    width: 100%;
    padding: 0px;
}
.popover-menu {
    display: none;
}
.full-height {
    height: 100%;
}
.panel-nav {
    height: calc(100% - 30px);
    width: calc(100% + 15px);
    margin-left: -15px;
    border-radius: 0;
}
.panel-nav button {
    margin-bottom: 15px;
}
.popover {
    width: 300px !important;
}

JavaScript

/*!
 * Bootstrap v32.0 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

if (typeof jQuery === 'undefined') { throw new Error('Bootstrap\'s JavaScript requires jQuery') }

/* ========================================================================
 * Bootstrap: transition.js v3.1.1
 * http://getbootstrap.com/javascript/#transitions
 * ========================================================================
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 * ======================================================================== */


+function ($) {
  'use strict';

  // CSS TRANSITION SUPPORT (Shoutout: http://www.modernizr.com/)
  // ============================================================

  function transitionEnd() {
    var el = document.createElement('bootstrap')

    var transEndEventNames = {
      WebkitTransition : 'webkitTransitionEnd',
      MozTransition    : 'transitionend',
      OTransition      : 'oTransitionEnd otransitionend',
      transition       : 'transitionend'
    }

    for (var name in transEndEventNames) {
      if (el.style[name] !== undefined) {
        return { end: transEndEventNames[name] }
      }
    }

    return false // explicit for ie8 (  ._.)
  }

  // http://blog.alexmaccaw.com/css-transitions
  $.fn.emulateTransitionEnd = function (duration) {
    var called = false, $el = this
    $(this).one($.support.transition.end, function () { called = true })
    var callback = function () { if (!called) $($el).trigger($.support.transition.end) }
    setTimeout(callback, duration)
    return this
  }

  $(function () {
    $.support.transition = transitionEnd()
  })

}(jQuery);

/* ========================================================================
 * Bootstrap: alert.js v3.1.1
 * http://getbootstrap.com/javascript/#alerts
 *...