JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<div class="row">
                        <div class="col-lg-offset-6 col-lg-4">
                          <label>Add Category Panel</label>
                        </div>
                        <div class="col-lg-2">
                          <a href="#" id="add-panel">
                            <i class="fa fa-plus">+</i>
                          </a>&nbsp;&nbsp;&nbsp;
                          <a href="#" id="remove-panel">
                            <i class="fa fa-times">x</i>
                          </a>
                        </div>
                      </div>

<div class="col-lg-12" id="row-panel">
                          <div class="row p-10" id="col-panel">
                            <div class="col-lg-12">
                              <div class="panel panel-default">
                                <div class="panel-body" id="parent-row">
                                  <div class="row p-10">
                                    <div class="col-lg-4">
                                      <label>1 Lazada Category</label>
                                    </div>
                                    <div class="col-lg-8">
                                      <input type="text" class="form-control">
                                    </div>
                                  </div>
                                  <div class="row">
                                    <div class="col-lg-offset-6 col-lg-4">
                                      <label>Add Sub Panel</label>
                                    </div>
                                    <div class="col-lg-2">
                                      <a href="#" id="add-category" class="add-category">
                                        <i class="fa fa-plus">+</i>
                                  ...

CSS

.clear-fix{
    height: 300px;
}
.m-10{
    margin: 10px;
}

.m-20 {
    margin: 20px;
}
.p-10 {
    padding: 10px;
}
.p-b-10{
	padding-top: 10px;
}

.clear-fix-50px{
    height: 50px;
}

.p-16{
    padding: 16px;
}
.p-20{
    padding: 20px;
}
.p-minus-0-bottom{
    padding-bottom: 0px;
}
.edit-form-icon{
    font-size: 34px;
}
.notif-green{
    color:  #00FF00;
}
.selector-dropdown{
    margin-right: -15px
}

.sidebar-nav-fixed-currency {
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    bottom: 983px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    margin-bottom: 20px;
    min-height: 20px;
    padding: 19px;
    position: fixed;
    right: -169px;
    z-index: 5;
}


.sidebar-content {
    background-color: #fff;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    font-size: 25px;
    margin: 9px !important;
    padding: 5px;
    margin-left: -11px;
    margin-right: -11px;
}
.container-fluid-cat{
    margin-right: -11px;
    margin-left: -11px;
}

.container-fluid-field{
    margin-left: 3px;
    margin-right: auto;
}

.form-content{
    background-color: #f5f5f5;
}
.panel-currency{
    background-color: #f5f5f5;
}

.panel-grey{
    background-color: #f5f5f5;
}

JavaScript

$(document).ready(function () {

    $("#add-panel").on("click",function () {
        var id = ($('#row-panel #col-panel').length + 1).toString();

        $('#row-panel').append('<div class="row p-10" id="col-panel">\
        					<div class="col-lg-12">\
                          <div class="panel panel-default">\
                            <div class="panel-body">\
                              <div class="row p-10">\
                                <div class="col-lg-4">\
                                  <label>'+id+' Lazada Category</label>\
                                </div>\
                                <div class="col-lg-8">\
                                  <input type="text" class="form-control">\
                                </div>\
                              </div>\
                              <div class="row">\
                              	<div class="col-lg-offset-6 col-lg-4">\
                              		<label>Add Sub Panel</label>\
                              	</div>\
                                <div class="col-lg-2">\
                                  <a href="#" id="add-category" class="add-category">\
                                    <i class="fa fa-plus">+</i>\
                                  </a>&nbsp;&nbsp;&nbsp;\
                                  <a href="#" id="remove-category" class="remove-category">\
                                    <i class="fa fa-times">x</i>\
                                  </a>\
                                </div>\
                              </div>\
                              <div class="row p-10">\
                                <div class="col-lg-12">\
                                  <div class="panel panel-default panel-grey">\
                                    <div class="panel-body">\
                                      <div class="row p-10">\
                                        <div class="col-lg-4" >\
                                        ...