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 visible-xs" role="navigation" id="">
    <div class="navbar-header">
        <button type="button" class="navbar-toggle pull-left" data-toggle="collapse" data-target=".navbar-ex1-collapse"> <span class="sr-only">Toggle navigation</span>
 <span class="icon-bar"></span>
 <span class="icon-bar"></span>
 <span class="icon-bar"></span>

        </button>
        <button type="button" class="navbar-toggle pull-right" data-toggle="collapse" data-target=".navbar-ex2-collapse"> <span class="sr-only">Toggle navigation</span>
 <i class="icon-user"></i>

        </button> <a class="navbar-brand" style="text-align:center;" href="">Some link here centered</a>

    </div>
    <div class="collapse navbar-collapse navbar-ex1-collapse">
        <li class="active"><a href="#">AAAA 1</a>

        </li>
        <li class="active"><a href="#">AAAA 2</a>

        </li>
        <li class="active"><a href="#">AAAA 3</a>

        </li>
    </div>
    <div class="collapse navbar-collapse navbar-ex2-collapse">
        <li class="active"><a href="#">BBBB 1</a>

        </li>
        <li class="active"><a href="#">BBBB 2</a>

        </li>
        <li class="active"><a href="#">BBBB 3</a>

        </li>
    </div>
</nav>