Bootstrap 3 Skeleton

This is a simple Bootstrap skeleton. You can fork it to get a ready to use Bootstrap fiddle.

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.0/bootstrap.min.js"></script>
                                       <div id="reward-container"><!--rewards container -->
                                            <div class="center-block col-lg-10 col-md-10 col-sm-12 text-left" id="">
                                                   <div class="center-block col-centered bg-white review text-left"> 
                                                    <div class="row">
                                                        <div class="col-lg-6 col-md-5 col-sm-5">
                                                          <div class="form-group form-group-default">
                                                            <label>label</label>
                                                            <input type="text" class="form-control" placeholder="e.g">
                                                          </div>
                                                        </div>
                                                      </div>
                                                </div>

                                           <button class="btn btn-sm pull-right remove"><b>Remove</b></button>
                                            </div> 
                                        </div><!--end rewards container -->
                                           
                        <button class="btn btn-lg btn-info m-t-70 marg" id="add">add more</button>

CSS

@import url('http://getbootstrap.com/dist/css/bootstrap.css');

.marg{
    margin-top:50px;
}

JavaScript

$("#add").click(function(){
                var count = $("#reward-container").children();
                existingRewards = $("#reward-container").children();
                                   var newGift = $('<div class="center-block col-lg-10 col-md-10 col-sm-12 text-left marg" id='+count+'> \
                                               <div class="center-block col-centered bg-white review text-left"> \
                                                <div class="row"> \
                                                    <div class="col-lg-6 col-md-5 col-sm-5"> \
                                                      <div class="form-group form-group-default"> \
                                                        <label class="to-uppercase">label</label> \
                                                        <input type="text" class="form-control" placeholder="e.g"> \
                                                      </div> \
                                                    </div> \
                                                  </div> \
                                            </div> \
                                            <button class="btn btn-sm pull-right remove"><b>Remove</b></button> \
                                        </div>');
                $(newGift).appendTo("#reward-container");           	
            });

//remove field

            $("#reward-container").on("click", ".remove", function(e){
                console.log("remove clicked");
                var $div = $(this).closest("div.center-block");
                existingRewards = $("#reward-container").children();
                if(existingRewards.length==1){
                    console.log("one field remains");
                }else{
                    $div.remove();
                }
            });