Как поменять местами блоки в мобильной версии сайта через bootstrap?

Здравствуйте, такая тема, есть код:

<div class="row">
<div class="col-md-5">Некий контент</div>
<div class="col-md-7">Некий контент2</div>
</div>
<div class="row">
<div class="col-md-7">Некий контент2</div>
<div class="col-md-5">Некий контент</div>
</div>

Мне бы хотелось добиться того, чтобы на мобильных устройства, Некий контент 2 всегда шел после Некий контент. Можно ли это сделать средствами CSS?