JSFiddle - React, Tailwind, and code Playground

by Miro Hristov

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<div class="row">
<div class="col-sm-6 col-md-offset-4 col-md-4">
    <a id="logo" href="#"> <img src="http://jsfiddle.net/img/logo.png"/></a>
</div>
<div class="col-sm-6 col-md-4">
  <ul class="nav navbar-nav pull-right">
    <li><a class="custom-white" href="#"><span class="glyphicon glyphicon-user"></span> Sign Up</a></li>
    <li><a class="custom-white" href="#"><span class="glyphicon glyphicon-log-in"></span> Login</a></li>
  </ul>
</div>

CSS

.row{
    background: #4679BD;
}
img{padding:10px}
.custom-white { color:#fff;}

.custom-white:hover, 
.custom-white:active,
.custom-white:focus {background-color: yellow !important;}