JSFiddle - React, Tailwind, and code Playground

by Felipe Kautzmann

HTML

<div class="navbar navbar-inverse navbar-fixed-top" role="navigation" >
    <div class="container">
        <div class="navbar-header">
            <a style="color:white" class="navbar-brand" href="main.php">XYZ</a>
        </div>
        <div class="navbar-collapse collapse">
            <div class="navbar-form navbar-right">
                <?php echo "Welcome ".$_SESSION[ 'Name']; ?>
                <a href="php/logout.php">
                    <button type="submit" class="btn btn-success">Logout</button>
                </a>
            </div>
        </div>
    </div>
</div>

CSS

.navbar-brand {
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
    text-shadow: 0 1px 0;
    box-shadow: 0 0 2px #428bca;
    font-size: 33px;
    font-weight: bold;
}
.navbar-inverse {
    background-color: #563d7c;
    border-color: #080808;
}
.navbar-form {
    color: white;
}

.btn {
    
}

    .container {
        height:100%;
        max-height:100%;;
        min-height:40px;
        line-height:40px;
        overflow:hidden;
    }