JSFiddle - React, Tailwind, and code Playground

by Carlo Panceri

HTML

<script src="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<div class="contenitore">
<div class="container">
  <div class="row">  
<div class="col-lg-2">
          <div class="form-group">
                  <div class="input-group date">
                    <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
                      <input class="form-control" />
                  </div>
              </div>
    <div class="col-lg-1">
      <a href="javascript:nuovodiv();"><button type="button" class="btn btn-success" id="click"><span class="glyphicon glyphicon-plus"></span></button></a>
  </div>
    </div>
      </div>
      </div>
    </div>

CSS

@import url('//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-theme.min.css');

JavaScript

function nuovodiv () {

        $('.contenitore').append('<div class="col-lg-2"><div class="form-group"><div class="input-group date"><span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span><input class="form-control" /></div></div></div><div class="col-lg-2"><a href="javascript:nuovodiv();"><button type="button" class="btn btn-success" id="click"><span class="glyphicon glyphicon-plus"></span></button></a></div></div></div>');
    
      $( "#click" ).hide();

        }