JSFiddle - React, Tailwind, and code Playground

by Lakshman Kambam

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<div class="container-fluid"><div class="row">
    <div class="col-lg-12">
      <nav class="navbar navbar-default fixed-nav-bar" id="nav">
        
          <ul class="nav navbar-nav">
            <li class="active">
              <a href="#">Ignite Studio Portfolio</a>       
              
            </li><li><a href="#" >Home</a></li>
              <li><a href="#">Web</a>   </li>
              <li><a href="#">Programming</a></li>
              <li><a href="#">Art</a></li>
          </ul>
       
      </nav>
    </div>
  </div> </div>

CSS

body {
  padding-top: 30px;
  background-color: blue;
};

.container-fluid {
  background-color: pink;
};

.fixed-nav-bar {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 50px;
  background-color: black;
};

#navhead {
  color: orange;
};