JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap-responsive.css">
<script src="http://mulliezj.fr/phpfrance/bootstrap.min.js"></script>
<html class="no-js" lang="fr">
<head> 
</head>
<body>
<!--[if lt IE 7]><p class=chromeframe>Your browser is <em>ancient!</em> <a href="http://browsehappy.com/">Upgrade to a different browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to experience this site.</p><![endif]-->
<div class="navbar navbar-fixed-top navbar-inverse">
  <div class="navbar-inner">
    <div class="container">
      <a class="btn btn-navbar" data-toggle="collapse" data-target="#main-menu">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </a>
      <a class="brand" href="/">Titre</a>
      <div class="nav-collapse" id="main-menu">
        <ul class="nav">
            <li class="active"><a href="/">Entrée 1</a></li>
            <li><a href="">Entrée 2</a></li>
            <li><a href="">Entrée 3</a></li>
            <li class="dropdown">
                <a data-toggle="dropdown" class="dropdown-toggle" href="#"><i class="icon-user icon-white"></i> Dropdown <b class="caret"></b></a>
                <ul class="dropdown-menu">
                        <li>
                            <a href="">Entrée 4.1</a>
                        </li>
                        <li>
                            <a href="">Entrée 4.2</a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="">Entrée 4.3</a>
                        </li>
                        <li>
                            <a href="">Entrée 4.4</a>
                        </li>
                        <li class="divider"></li>
                        <li><a...