Bootstrap 3 Template

This is a simple Twitter Bootstrap 3 template. You can fork it to get a ready to use Bootstrap 3 fiddle.

by djp3d

HTML

<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<script src="https://jeremyfagis.github.io/dropify/dist/js/dropify.min.js"></script>
<link rel="stylesheet" href="https://jeremyfagis.github.io/dropify/dist/css/dropify.min.css">
<link rel="stylesheet" href="https://jeremyfagis.github.io/dropify/dist/css/demo.css">
<div class="container">

  <div class='hidden'>
    <div class="col-xs-12 duplicateable-content model">
      <div class="item-block">
        <button class="btn btn-danger btn-float btn-remove">
          X
        </button>
        <input type="file" data-default-file="https://assets.pernod-ricard.com/nz/media_images/test.jpg" name="sch_logo">
      </div>
      <button class="btn btn-primary btn-duplicator">Add experience</button>
    </div>
  </div>

  <div class="row">
    <div class="col-xs-12 duplicateable-content">
      <div class="item-block">
        <input type="file" class='dropify' data-default-file="http://www.misterbilingue.com/assets/uploads/fileserver/Company%20Register/game_logo_default_fix.png" name="sch_logo">
      </div>
      <button class="btn btn-primary btn-duplicator">Add experience</button>
    </div>
  </div>
</div>

JavaScript

$('.dropify').dropify();

$("body").on("click",".btn-duplicator", clone_model);
$("body").on("click",".btn-remove", remove);

//Functions
function clone_model() {
  var b = $(this).parent(".duplicateable-content"),
      c = $(".model").clone(true, true);

  c.removeClass('model');
  c.find('input').addClass('dropify');

  $(b).before(c);
  $('.dropify').dropify();
}

function remove() {
  $(this).closest('.duplicateable-content').remove();
}