JSFiddle - React, Tailwind, and code Playground
by papa_zulu
HTML
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<nav class="navbar navbar-default">
<div class="container">
<div class="row">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="true">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span>
</button>
<a id="app-logo" class="navbar-brand" href="#">
<img style="height: 50px;" src="http://zs2koszalin.pl/images/galeria_foto/logo/logo.png" alt="logo">
</a>
</div>
<div class="mydrop">
<ul class="nav navbar-nav">
<div class="down">
<span class="pretend-dropdown-toggle">
</span>
</div>
</ul>
</div>
<div class="navbar-collapse collapse in" id="bs-example-navbar-collapse-1" aria-expanded="true">
<ul id="menu-area" class="nav navbar-nav navbar-right">
<li id="menu_home"><a class="nav" href="#"><i class="fa fa-home fw fa-2x" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Work Space"></i><span class="visible-xs-inline menu-xs-caption">Work Space</span></a></li>
<li id="menu_history"><a class="nav" href="#"><i class="fa fa-history fw fa-2x" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="History"></i><span class="visible-xs-inline menu-xs-caption">History</span></a></li>
<li id="menu_search"><a class="nav" href="#"><i class="fa fa-search fw fa-2x" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Search"></i><span class="visible-xs-inline menu-xs-caption">Search</span></a></li>
<li...