JSFiddle - React, Tailwind, and code Playground

by David Wilkinson

HTML

<nav>
        <ul class="nav navbar-default">
            <li role="presentation" class="active"><a href="#">Home</a></li>
            
        </ul>
    </nav>

CSS

.nav .active a{
      padding-bottom: 5px;
    text-decoration: none;
    border-bottom: 1px solid #337ab7;
    }

    .nav .active a:hover{
      border-bottom: 1px solid #23527c;
    }