JSFiddle - React, Tailwind, and code Playground
by Francesco Frustaci
HTML
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<!-- Button trigger modal -->
<button type="button" id="mymodal" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
Launch demo modal
</button>
<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLongTitle">Modifica</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="form-row">
<div class="form-group col-md-8">
<label for="inputTitolo">Titolo</label>
<input type="text" class="form-control" id="inputTitolo" placeholder="Titolo" data-bind="textInput: Title, enable: true">
<div class="validation-result" data-bind="template: { name: 'fieldValidationInfo', data: Validation.TitleValidation }"></div>
</div>
<div class="form-group col-md-4">
<label for="inputClassTitle">Classe Titolo</label>
<input type="text" class="form-control" id="inputClassTitle" placeholder="Classe Titolo" data-bind="textInput: TitoloCssClass, enable: true">
</div>
<div class="form-group col-md-6">
<label for="inputTitoloWCAG">Titolo WCAG</label>
<input type="text" class="form-control" id="inputTitoloWCAG" placeholder="Titolo WCAG" data-bind="textInput: TitleAlt, enable: true">
</div>
</div>
<div class="form-group">
<div class="form-group col-md-8">
<label for="inputUrl">Url</label>
...