JSFiddle - React, Tailwind, and code Playground

by panchroma

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<nav class="navbar navbar-default" role="navigation">
<div class="page-content blocky">
        <div class="container">

            <button type="button" ng-cloak class="sidebar-dropdown navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">MENU</button>
          <!--   <div  ng-cloak class="sidey"> -->


                <div class="side-cont navbar-collapse">

                    <ul class="nav">
                        <!-- Main menu -->
                        <li class="current"><a href="#/home"><i class="icon-home"></i> Dashboard</a></li>
                        <li><a href="#/blogs"><i class="icon-pencil"></i> Blogs</a></li>
                        <li><a href="#/inbox"><i class="icon-comments"></i> Messages</a></li>
                        <li><a href="#/details"><i class="icon-cog"></i> Account Settings</a></li>
                        <li><a href="#/contact"><i class="icon-envelope"></i> Contact us</a></li>
                        <li><a href="#/logout"><i class="icon-power-off"></i> Logout</a></li>
                    </ul>
                </div> <!-- end side-cont navbar-collapse -->
            <!-- </div> <!-- end sidey -->
        </div> <!-- end container -->
 </div> <!-- end page-content blocky -->
</nav>