JSFiddle - React, Tailwind, and code Playground

by Persijn Kwekkeboom

HTML

<body>
    <nav class="navbar navbar-inverse navbar-fixed-top">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> <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="/posts">JBK</a>

            </div>
            <div id="navbar" class="navbar-collapse collapse"> <a class="btn btn-primary navbar-btn navbar-left">Link</a>
 <a class="btn btn-primary navbar-btn navbar-right">Link2</a>
 <a class="btn btn-primary navbar-btn navbar-right">Link3</a>

                <div class="navbar-form navbar-right">
                    <div class="form-group">
                        <input placeholder='Email' class='form-control'></input>
                    </div>
                    <div class="form-group">
                        <input placeholder='Password' class='form-control'></input>
                    </div>
                    <div class="span12 text-center">
                        <span><button class='btn btn-success'>button</button></span>
                    </div>
                </div>
            </div>
        </div>
    </nav>
    <div class="container">
        <footer>
            <p>&copy; Bibble 2015</p>
        </footer>
    </div>
</body>