JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://rack.0.mshcdn.com/assets/app-df485d0b648731aab431ce2d4cdc8b05.css">
<header id="site-header">
  <div class="navbar">
    <div class="navbar-inner">
      <ul class="main-menu nav inline">
        <li class="menu"><a class="icon-reorder" href="#"></a>

        </li>
        <li class="logo">
          <a class="brand" data-turbo-target="body-container" href="/">
            <span>Mashable</span>
            <img alt="Header_logo" src="http://rack.3.mshcdn.com/assets/header_logo-f3ed8af82486e1a75d194d89d2b57ac1.png"/>
          </a>
        </li>
        <li class="submenu collapsable pull-right" id="sign-in">
          <a href="/login/"><span>Sign in</span></a>
        </li>
        <li class="follow submenu pull-right">
          <a class="follow-trigger" href="/2011/11/18/follow-mashable/">
            <span class="fb"></span>
            <span class="tw"></span>
            <span class="gp"></span>
          </a>
          <div class="submenu-content">
            <div class="page-container">
              <div class="pull-right follow">
                <a href="//plus.google.com/+Mashable" rel="publisher" style="text-decoration:none;">
                  <img src="//ssl.gstatic.com/images/icons/gplus-32.png"/>
                </a>

                <div class="fb-like" data-href="http://facebook.com/mashable" data-layout="button_count" data-send="false" data-show-faces="false"></div>
                <a class="twitter-follow-button" data-dnt="true" data-show-count="true" data-show-screen-name="false" href="https://twitter.com/mashable">Follow @mashable</a>

                <div class="more">
                  <a href="/2011/11/18/follow-mashable/">see more&nbsp;&nbsp;&gt;</a>
                </div>
              </div>
            </div>
          </div>
        </li>
        <li class="nav-search submenu pull-right"><a...