Here i have explained how to use pull,push class of bootstrap3 for reordering divs.

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Using Pull Push Classes in bootstrap3</title>

<!-- Attach bootstrap css-->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<!-- Attach bootstrap javascript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script> 
</head>
<body>

<div class="container">
<div class="row"> 
<div class="col-lg-3 col-xs-6"> Jazeera Airways <br> <small class="text-muted">J9 126 </small>  </div>
<div class="col-lg-3 col-xs-6 col-lg-push-6"> Economy <br>  <small class="text-muted">Non Stop, 01h55m </small>    </div> 
<div class="col-lg-3 col-xs-6 col-lg-pull-3"> Dubai(DXB) <br> <small  class="text-muted">  Dubai, T1  </small>  </div> 
<div class="col-lg-3 col-xs-6 col-lg-pull-3"> Kuwait(KWI) <br> <small  class="text-muted">Kuwait Int'l, T5  </small>   </div>
 </div> 
</div>

</body>
</html>

Bootstrap 4- reorder div using order class

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Push Pull (order) Class bootstrap 4</title>
<!--Bootstrap4 CSS-->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">

<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

<!--Bootstrap4 JavaScript-->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script> 
</head>
<body>

<div class="container">
<div class="row"> 
<div class="col-md-3 col-6"> Jazeera Airways </div> 
<div class="col-md-3 col-6 order-md-4"> Economy  </div> 
<div class="col-md-3 col-6 order-md-2"> Dubai(DXB) </div> 
<div class="col-md-3 col-6 order-md-3"> Kuwait(KWI) </div>
</div> 
</div>

</body>
</html>

Now resize your screen to check divs are reordering or not like below screenshot.

Screenshot

Add Comments