JSFiddle - React, Tailwind, and code Playground

by panchroma

HTML

<link rel="stylesheet" href="http://www.defie.co/docs/assets/css/bootstrap-responsive.css">
<!DOCTYPE html>
<html lang="en">
  <head>
    <link rel="stylesheet" type="text/css" href="http://www.defie.co/docs/examples/css/demo.css" />
    <link rel="stylesheet" type="text/css" href="http://www.defie.co/docs/examples/css/style2.css" />
    <script type="text/javascript" src="http://www.defie.co/docs/examples/js/modernizr.custom.28468.js"></script>
    
    <noscript>
      <link rel="stylesheet" type="text/css" href="http://www.defie.co/docs/examples/css/nojs.css" />
    </noscript>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>defie</title>
      <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link rel="stylesheet" href="http://www.defie.co/docs/examples/defie/jquery.bxslider.css" type="text/css">
    <script src="http://www.defie.co/docs/examples/defie/jquery.min.js"></script>
    <script src="./defie/jquery.bxslider.js"></script>
    <script src="./defie/rainbow.min.js"></script>
    <script type="text/javascript" async="" src="http://www.defie.co/docs/examples/defie/bsa.js"></script>
    <script type="text/javascript" src="http://www.defie.co/docs/examples/defie/jquery-1.6.2.min.js"></script>
    <script type="text/javascript" src="http://www.defie.co/docs/examples/defie/jquery.bxSlider.min.js"></script>
     <link href="http://www.defie.co/docs/assets/css/bootstrap-responsive.css" rel="stylesheet">

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <!-- Fav and touch icons -->
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/ico/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed"...

CSS

.da-slide-current{
z-index:1 !important;
}

/*!
 * Bootstrap Responsive v2.2.2
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */

 #eM{
  border: 1px solid red;
}

@-ms-viewport {
  width: device-width;
}

.defieLogo{
  border: 1px solid red;
}
#eM{
  border: 1px solid red;
}

.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}

.clearfix:after {
  clear: both;
}

.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.hidden {
  display: none;
  visibility: hidden;
}

.visible-phone {
  display: none !important;
}

.visible-tablet {
  display: none !important;
}

.hidden-desktop {
  display: none !important;
}

.visible-desktop {
  display: inherit !important;
}

@media (min-width: 768px) and (max-width: 979px) {
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important ;
  }
  .visible-tablet {
    display: inherit !important;
  }
  .hidden-tablet {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important;
  }
  .visible-phone {
    display: inherit !important;
  }
  .hidden-phone {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .row {
    margin-left: -30px;
    *zoom: 1;
  }
  .row:before,
  .row:after {
    display: table;
    line-height: 0;
    content: "";
  }
  .row:after {
    clear: both;
  }
  [class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 30px;
  }
  .container,
  .navbar-static-top...