JSFiddle - React, Tailwind, and code Playground

by Jeff

HTML

<div class="navbar-inverse navbar-static-top">
    <div class="container">
        <div class="navbar-header">
            <a class="navbar-brand" style="color:#AA00EE" href="#">PHPanel</a>
        </div>
        
          <ul class="nav navbar-nav navbar-right">
            <li class="dropdown">
                <a href="#contact" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><span class="glyphicon glyphicon-user"></span> Admin <span class="caret"></span></a>
              <ul class="dropdown-menu">
                <li><a href="#">Account Settings</a></li>
                <li role="separator" class="divider"></li>
              </ul> 
            </li>
              <li style="line-height:50px; margin-right:15px;">
                  <button href="#" class="btn btn-xs btn-danger">
                  <span class="glyphicon glyphicon-log-out"></span> Log out
              </button>
                  
              </li>
          </ul>
        
    </div>
</div>
<nav class="navbar navbar-default navbar-static-top">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
        </div>
        <div id="navbar" class="collapse navbar-collapse">
          <ul class="nav navbar-nav">
            <li class="active"><a href="#">Home</a></li>
            <li><a href="#">About</a></li>
            <li><a href="#contact">Contact</a></li>
          </ul>
        </div><!--/.nav-collapse -->
      </div>
    </nav>
<div class="container">
    <div class="row">
        <div class="col-sm-4">
            <div class="form-group">
            <label>Switch...

CSS

.navbar-inverse.navbar-static-top {
    margin-bottom:0;
}

.navbar-default {
    z-index:0;
}

#stats-table {
    table-layout:fixed;
}

#stats-table td {
    vertical-align:middle;
}

#stats-table td:first-child{
    width:40%;
}

#stats-table .progress {
    margin-bottom:0px;
}