Как изменить порядок колонок в bootstrap?

1. Поменяйте блоки в верстке местами - чтобы сначала шел блок 2, потом 1.
2. Для sm-экранов - примените классы как в примере ниже
3. Для md и lg-экранов - классы можете не указывать. т.к. расположение блоков у вас на них такое же, как на sm.

Получится так:

<container>
  <div class="row">
    <div class="col-sm-6 col-sm-push-6">2</div>
    <div class="col-sm-6 col-sm-pull-6">1</div>
  </div>
</container>