JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav navbar-left">
                <li class="hidden">
                    <a href="#page-top"></a>
                </li>
                <li>
                    <a class="page-scroll" href="#page-top">Home</a>
                </li>
                <li>
                    <a class="page-scroll" href="#services">About</a>
                </li>
                <li>
                    <a class="page-scroll" href="#portfolio">Services</a>
                </li>
                <li>
                    <a class="page-scroll" href="#about">Service Area</a>
                </li>
                <li>
                    <a class="page-scroll" href="#team">Contact</a>
                </li>
                <li>
                    <button type="button" class="btn btn-primary">Basic Button</button>
                </li>
                <li>
                    <a class="btn btn-primary navbar-btn" href="#contact">Navbar Button</a>
                </li><!--                   
                <li>
                    <a class="navbar-btn button-id-1" href="tel:713-992-0916" style="padding:2px;background-color:rgba(174,20,42,0.5    )">
                Click to Call <span class="glyphicon glyphicon-earphone" style="padding-left:10px; padding-right:10px;"></span>713-992-0916
                    </a>
                </li>--->
            </ul>
        </div>

CSS

.collapse {
    display: block !important;
}
.navbar-btn {
    border-color: #ae142a;
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
    color: #fff;
    background-color: #ae142a;
    padding: 6px 12px !important;
    margin: 0px 0px 0px 10px;
}
.navbar-btn:hover {
    color: #FFF;
    background-color: #337AB7 !important;
    border-color: #2E6DA4 !important;
}

.btn-primary {
    border-color: #ae142a;
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
    color: #fff;
    background-color: #ae142a;
}