JSFiddle - React, Tailwind, and code Playground

by gayanov2017

HTML

<script src="bootstrap.min.css "></script>
<script src="bootstrap.min.js"></script>
<nav class="navbar navbar-inverse " role="navigation">
   <div class ="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" 
         data-target="#example-navbar-collapse" id="btn">
         <span class="sr-only">Toggle navigation</span>
         <span class="icon-bar"></span>
         <span class="icon-bar"></span>
         <span class="icon-bar"></span>
      </button>
       <a class="navbar-brand" href="#"><img src="/05/logo2.png" class="img-responsive" alt=""/></a>
   </div>
   <div class="collapse navbar-collapse" id="example-navbar-collapse">
      <ul class="nav navbar-nav" id="men">
           <li id="menu-item-723" class="menu-item "><a href="#">Philosophy</a></li>
<li id="menu-item-724" class="menu-item"><a href="#">Team</a></li>
<li id="menu-item-539" class="menu-item"><a href="#">Blog</a></li>
          <li id="menu-item-540" class="menu-item "><a href="#">Contact</a></li>
      </ul>
   </div>
    
</nav>