<!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>
|
