<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="alert alert-info"> Please Wait...</div> <div class="alert alert-success" style="display:none;"> <span class="glyphicon glyphicon-ok"></span> Drag table row and cange Order</div> <table class="table"> <thead> <tr> <th> Column heading </th> <th> Column heading </th> <th> Column heading </th> </tr> </thead> <tbody> <tr class="active"> <td> Column content </td> <td> Column content </td> <td> Column content </td> </tr> <tr> <td> Column content </td> <td> Column content </td> <td> Column content </td> </tr> <tr class="success"> <td> Column content </td> <td> Column content </td> <td> Column content </td> </tr> <tr> <td> Column content </td> <td> Column content </td> <td> Column content </td> </tr> <tr class="warning"> <td> Column content </td> <td> Column content </td> <td> Column content </td> </tr> <tr> <td> Column content </td> <td> Column content </td> <td> Column content </td> </tr> <tr class="danger"> <td> Column content </td> <td> Column content </td> <td> Column content </td> </tr> </tbody> </table> </div> </div> </div>