JSFiddle - React, Tailwind, and code Playground

by letanure

HTML

<link rel="stylesheet" href="http://assets.locaweb.com.br/locastyle/1.2.15/bootstrap/css/bootstrap.css">
<link rel="stylesheet" href="http://assets.locaweb.com.br/locastyle/1.2.15/stylesheets/locastyle.css">
<script src="http://assets.locaweb.com.br/locastyle/1.2.15/javascripts/libs.js"></script>
<script src="http://assets.locaweb.com.br/locastyle/1.2.15/javascripts/locastyle.js"></script>
<script src="http://assets.locaweb.com.br/locastyle/1.2.15/bootstrap/js/bootstrap.js"></script>
<ul class="listOptions vAlignMiddle">
  <li class="noMarginLeft overflowVisible row">
  <span class="span7">
    Gerado em | 05/03/2014, 15:13 | teste de snapshot 2
  </span>
  <span class="span3">
    <div class="btn-group fRight">
      <a class="btn btn-mini dropdown-toggle" role="button" data-toggle="modal" href="#revert-snapshot-324" tabindex="3">Restaurar snapshot</a><button class="btn btn-mini dropdown-toggle" data-toggle="dropdown" tabindex="3">
        <span class="caret"></span>
      </button>
      <ul class="dropdown-menu">
        <li><a class="warning" href="#remove-snapshot-324" role="button" data-toggle="modal">Excluir snapshot</a></li>
      </ul>
    </div>
  </span>
  </li>
</ul>

<!-- MOVER modais para fora da listagem -->

<!-- Modal restaurar -->
<div class="modal modalSmall fade" role="dialog" id="revert-snapshot-324" aria-labelledby="title_remove_load_balancer" aria-live="polite" tabindex="-1">
  <div class="modal-header">
    <button type="button" aria-label="Fechar Modal" class="close" data-dismiss="modal" role="button">×</button>
    <h3 id="title_revert_snapshot">Restaurar servidor</h3>
  </div>
  <div class="modal-body">
    <h4 align="center">Deseja restaurar o servidor para o estado do snapshot?</h4>
    <p align="center" style="white-space: normal;">Ao reverter o servidor para o estado do snapshot, não será possível retornar ao estado atual do servidor.</p>
  </div>
  <div class="modal-footer" style="text-align: center;">
    <form...