mirror of https://github.com/RubaXa/Sortable.git
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
33 lines
800 B
33 lines
800 B
10 years ago
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
|
||
|
|
<!-- Latest compiled and minified CSS -->
|
||
|
|
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"/>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- List with handle -->
|
||
|
|
<div id="listWithHandle" class="list-group">
|
||
|
|
<div class="list-group-item">
|
||
|
|
<span class="badge">14</span>
|
||
|
|
<span class="glyphicon glyphicon-move" aria-hidden="true"></span>
|
||
|
|
Drag me by the handle
|
||
|
|
</div>
|
||
|
|
<div class="list-group-item">
|
||
|
|
<span class="badge">2</span>
|
||
|
|
<span class="glyphicon glyphicon-move" aria-hidden="true"></span>
|
||
|
|
You can also select text
|
||
|
|
</div>
|
||
|
|
<div class="list-group-item">
|
||
|
|
<span class="badge">1</span>
|
||
|
|
<span class="glyphicon glyphicon-move" aria-hidden="true"></span>
|
||
|
|
Best of both worlds!
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
</html>
|