JSFiddle - React, Tailwind, and code Playground

by mavent

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<!--<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation" id="">
<div class="navbar-header">
</div><!-- /.navbar-collapse --></nav>-->

<div class="sidebar_wrapper">
    <div class="sidebar_inner">
        <ul class="nav nav-pills nav-stacked">
            <li>My super link</li>
            <li>My super link</li>
            <li>My super link</li>
            <li>My super link</li>
            <li>My super link</li>
            <li>Some divider 1</li>
            <li>My super link</li>
            <li>My super link</li>
            <li>My super link</li>
            <li>My super link</li>
            <li>My super link</li>
            <li>Some divider 2</li>
            <li>My super link</li>
            <li>My super link</li>
            <li>My super link</li>
            <li>My super link</li>
            <li>My super link</li>
            <li>Some divider 3</li>
        </ul>
    </div>
</div>


<div style="left:300px" class="row col-md-6 col-md-offset-4">
Some content<br>
Some content<br>
Some content<br>
Some content<br>
Some content<br>
Some content<br>
Some content<br>
Some content<br>
Some content<br>
Some content<br>
Some content<br>
Some content<br>
Some content<br>
Some content<br>
Some content<br>
Some content<br>
Some content<br>
Some content<br>
Some content<br>
Some content<br>
Some content<br>
Some content<br>
Some content<br>
Some content<br>
Some content<br>
    </div>

CSS

.sidebar_wrapper {
    top: 0;
    left: 0;
    position: fixed;
    /*width: 180px;*/
    /*height: 100%;*/
    background-color: #fffad9;
    opacity: 0.9;
    z-index:52;
    margin: 0;
    padding: 0;
}
.sidebar_inner {
    position: relative;
    top: 50px;
    /*height: 100%;*/
    background-color: #efff9e;
    opacity: 0.9;
}

li{
  line-height:1.5em;
  border-bottom:1px solid #ccc;
  float:left;
  display:inline;
}