<div class="row">
  <div class="col-md-4 backgroundRed col-xs-12 row--reverse">Bên phải</div>
  <div class="col-md-8 backgroundBlue col-xs-12 row--reverse">Bên trái</div>
</div>
.backgroundRed {
  background-color: red;
}

.backgroundBlue {
  background-color: blue;
}

.row {
  
}
.row--reverse {
  display: table;
  height: 100px;
  float: right;
  color: white;
  text-align: center;
  vertical-align: middle;
}

External CSS

  1. https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css

External JavaScript

This Pen doesn't use any external JavaScript resources.