JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8">
<title>MySite</title>
<meta name="author" content="me"/>

<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.no-icons.min.css" rel="stylesheet">


<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script <script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
  
  
<body style="padding-top:40px; font-size:16px;">
  <div class="navbar navbar-inverse navbar-fixed-top">
    <div class="navbar-inner">
      <div class="container">
	<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
	    <span class="icon-bar"></span>
	    <span class="icon-bar"></span>
	    <span class="icon-bar"></span>
	</a>
	
	<ul class="nav">
	  <li><a class="brand" href="profhase">MyBrand</a></li>
	  <li><a href="#">Home</a></li>
	  <li><a href="#about">About</a></li>
	  <li><a href="#contact">Blog</a></li>
	</ul>
	
	  <div class="nav pull-right collapse nav-collapse" style="hight: 0px">
	    <ul class="nav collapse nav-collapse">
	      <li><p class="navbar-text">Apps: </p></li>
	      <li><a href="firstapp/">AppOne <i class="icon-lock"></i></a></li>
	    </ul>
	  </div>
      </div>
    </div>
  </div>
  
  <div class="container-fluid">
    <div class="row">
      <div class="span2">
	<p>
	  My Wonderful sidebar
	</p>
      </div>
      <div class="span6" style="background:red;">
	<table class="table">
	  <tbody>
	    <tr>
	      <th>Header1</th>
	      <th>Header2</th>
	      <th>Header3</th>
	      <th>Header4</th>
	      <th>Header5</th>
	      <th>Header6</th>
	    </tr>
	    
	    <tr>
	      <td>My first Test</td>
	      <td>My second Test</td>
	      <td>My third Test</td>
	      <td>My fifth Test</td>
	      <td>My lalalalalong long lelong long long Test</td>

	      <td>
		<div class="btn-group">
		  <a class="btn dropdown-toggle" data-toggle="dropdown">
		    Dropdown...