Get started with Bootstrap

How it works

Nestable is an experimental example and not under active development. If it suits your requirements feel free to expand upon it!. Nestable

Planned
  1. Item 1

    It is a long established fact will be distracted.

    friend friend
    10 2
  2. Item 2

    Richard McClintock, a Latin professor

    friend friend friend
    7 9
In progress
  1. Item 1

    It is a long established fact will be distracted.

    friend friend
    22 7
    1. Item 2

      It is a long established fact that a reader will be distracted.

      friend
      7 3
  2. Item 3

    It is a long established reader will be distracted.

    friend friend friend
    42 15
  3. Item 4

    Richard McClintock, a Latin professor

    friend friend
    10 2
Complete
  1. Item 1
    It is a long established reader will be distracted.
    friend friend
    45 14
  2. Item 2
    It is a long established fact that a distracted.
    friend
    18 3 
<!-- Plugin Js -->
<script src="../assets/bundles/nestable.bundle.js"></script>

<!-- HTML -->
<div class="dd">
	<ol class="dd-list">
		<li class="dd-item" data-id="1">
			<div class="dd-handle">Item 1</div>
		</li>
		<li class="dd-item" data-id="2">
			<div class="dd-handle">Item 2</div>
		</li>
	</ol>
</div>

<!-- Jquery Page Js -->
<script>
	$(function () {
		$('.dd').nestable();
	});
</script>