@ -70,7 +70,7 @@ var el = document.getElementById('items');
var sortable = Sortable.create(el);
var sortable = Sortable.create(el);
```
```
You can use any element for the list and its elements, not just `ul` /`li`. Here is an [example with `div`s ](http://jsbin.com/luxero/2 /edit?html,js,output ).
You can use any element for the list and its elements, not just `ul` /`li`. Here is an [example with `div`s ](http://jsbin.com/qumuwe /edit?html,js,output ).
---
---
@ -195,7 +195,7 @@ Demo:
#### `sort` option
#### `sort` option
Sorting inside list.
Sorting inside list.
Demo: http://jsbin.com/xizeh/2 /edit?html,js,output
Demo: http://jsbin.com/videzob /edit?html,js,output
---
---
@ -204,7 +204,7 @@ Demo: http://jsbin.com/xizeh/2/edit?html,js,output
#### `delay` option
#### `delay` option
Time in milliseconds to define when the sorting should start.
Time in milliseconds to define when the sorting should start.
Demo: http://jsbin.com/xizeh/4/ edit?html,js,output
Demo: http://jsbin.com/xizeh/edit?html,js,output
---
---
@ -213,7 +213,7 @@ Demo: http://jsbin.com/xizeh/4/edit?html,js,output
#### `disabled` options
#### `disabled` options
Disables the sortable if set to `true` .
Disables the sortable if set to `true` .
Demo: http://jsbin.com/xiloqu/1/ edit?html,js,output
Demo: http://jsbin.com/xiloqu/edit?html,js,output
```js
```js
var sortable = Sortable.create(list);
var sortable = Sortable.create(list);
@ -234,7 +234,7 @@ To make list items draggable, Sortable disables text selection by the user.
That's not always desirable. To allow text selection, define a drag handler,
That's not always desirable. To allow text selection, define a drag handler,
which is an area of every list element that allows it to be dragged around.
which is an area of every list element that allows it to be dragged around.
Demo: http://jsbin.com/newize/1/ edit?html,js,output
Demo: http://jsbin.com/newize/edit?html,js,output
```js
```js
Sortable.create(el, {
Sortable.create(el, {
@ -287,7 +287,7 @@ Sortable.create(list, {
#### `ghostClass` option
#### `ghostClass` option
Class name for the drop placeholder (default `sortable-ghost` ).
Class name for the drop placeholder (default `sortable-ghost` ).
Demo: http://jsbin.com/hunifu/1 /edit?css,js,output
Demo: http://jsbin.com/hunifu/4 /edit?css,js,output
```css
```css
.ghost {
.ghost {
@ -308,7 +308,7 @@ Sortable.create(list, {
#### `chosenClass` option
#### `chosenClass` option
Class name for the chosen item (default `sortable-chosen` ).
Class name for the chosen item (default `sortable-chosen` ).
Demo: http://jsbin.com/hunifu/edit?html,css,js,output
Demo: http://jsbin.com/hunifu/3/ edit?html,css,js,output
```css
```css
.chosen {
.chosen {
@ -334,7 +334,7 @@ This gives us the possibility to test the behaviour for older Browsers even in n
On top of that, the Fallback always generates a copy of that DOM Element and appends the class `fallbackClass` defined in the options. This behaviour controls the look of this 'dragged' Element.
On top of that, the Fallback always generates a copy of that DOM Element and appends the class `fallbackClass` defined in the options. This behaviour controls the look of this 'dragged' Element.
Demo: http://jsbin.com/pucurizace /edit?html,css,js,output
Demo: http://jsbin.com/yacuqib /edit?html,css,js,output
---
---
@ -357,8 +357,8 @@ Dragging only starts if you move the pointer past a certain tolerance, so that y
If set to `true` , the page (or sortable-area) scrolls when coming to an edge.
If set to `true` , the page (or sortable-area) scrolls when coming to an edge.
Demo:
Demo:
- `window` : http://jsbin.com/boqugumiqi/1 /edit?html,js,output
- `window` : http://jsbin.com/tutuzeh /edit?html,js,output
- `overflow: hidden` : http://jsbin.com/kohamakiwi/1 /edit?html,js,output
- `overflow: hidden` : http://jsbin.com/kolisu /edit?html,js,output
---
---
@ -488,7 +488,7 @@ Sortable.create(el, {
< a name = "bs" > < / a >
< a name = "bs" > < / a >
### Bootstrap
### Bootstrap
Demo: http://jsbin.com/luxero/2 /edit?html,js,output
Demo: http://jsbin.com/qumuwe /edit?html,js,output
```html
```html
<!-- Latest compiled and minified CSS -->
<!-- Latest compiled and minified CSS -->