JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<div class="row reverseOrder">
  <div class="col-xs-12 col-md-2">E</div>
  <div class="col-xs-12 col-md-2">D</div>
  <div class="col-xs-12 col-md-2">c</div>
  <div class="col-xs-12 col-md-2">B</div>
  <div class="col-xs-12 col-md-2 col-xs-offset-1">A</div>
</div>

CSS

[class^="col-"] {
    border: 1px solid black;
}

@media screen and ( min-width: 992px) {
  .reverseOrder [class^="col-"] {
      float: right;
  }
  .reverseOrder .col-md-offset-1 {
     margin-right: 8.333333333333332%;
     margin-left: 0px;
  }
}