JSFiddle - React, Tailwind, and code Playground

HTML

<nav class="navbar navbar-default navbar-fixed-top">
    <div class="container">
        <div class="navbar-header"> <a class="navbar-brand pull-left" href="#">Fibe</a>

        </div>
        <div class="pull-right">
            <ul class="navbar-nav nav">
                <li class="navbar-link"><span class="glyphicon glyphicon-search"></span>
                </li>
                <li class="navbar-link"><span class="glyphicon glyphicon-star"></span>
                </li>
            </ul>
        </div>
    </div>
</nav>

CSS

.navbar-header {
    display: inline-block !important;
}
.navbar-collapse.collapse {
    display: block !important;
}
.navbar-nav>li, .navbar-nav {
    float: left !important;
}
.navbar-nav.navbar-right:last-child {
    margin-right: -15px !important;
}
.navbar-right {
    float: right !important;
}