JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<div class="navbar navbar-inverse nabvar-static-top">
  <div class="navbar-brand">
    <a href="#">My App Logo</a>
  </div>
</div>
<nav class="navbar-left navbar-inverse">
  <ul class="nav nav-pill nav-stacked" id="main-nav">
    <li class="panel">
      <a href="#" data-toggle="collapse" data-target="#a" data-parent="#main-nav">menu item a</a>
      <ul id="a" class="nav nav-pills nav-stacked collapse in">
        <li>
          <a href="#">a.1</a>
        </li>
        <li>
          <a href="#">a.2</a>
        </li>
        <li>
          <a href="#">a.3</a>
        </li>
      </ul>
    </li>
    <li class="panel">
      <a href="#" data-toggle="collapse" data-target="#a" data-parent="#main-nav">menu item b</a>
      <ul id="b" class="nav nav-pills nav-stacked collapse">
        <li>
          <a href="#">b.1</a>
        </li>
        <li>
          <a href="#">b.2</a>
        </li>
        <li>
          <a href="#">b.3</a>
        </li>
      </ul>
    </li>
    <li class="panel">
      <a href="#" data-toggle="collapse" data-target="#a" data-parent="#main-nav">menu item c</a>
      <ul id="c" class="nav nav-pills nav-stacked collapse">
        <li>
          <a href="#">c.1</a>
        </li>
        <li>
          <a href="#">c.2</a>
        </li>
        <li>
          <a href="#">c.3</a>
        </li>
      </ul>
    </li>
    <li class="panel">
      <a href="#" data-toggle="collapse" data-target="#a" data-parent="#main-nav">menu item d</a>
      <ul id="d" class="nav nav-pills nav-stacked collapse">
        <li>
          <a href="#">d.1</a>
        </li>
        <li>
          <a href="#">d.2</a>
        </li>
        <li>
          <a href="#">d.3</a>
        </li>
      </ul>
    </li>
    <li class="panel">
      <a href="#" data-toggle="collapse"...

CSS

nav.navbar-left {
  width: 140px;
}

#body-content {
  margin-left: 150px;
}

footer {
  width: 100%;
  text-align: center;
}