Harrisson

Никак. Пиши свои стили свои стили с использованием flexbox, либо javascript.

Обернуть его в контейнер lg и задать свойство элементу label width: 100% ?

<style type="text/css">
        .myfile{
            width: 100%;
        }
</style>
<div class="container">
    <label class="custom-file myfile">
        <input type="file" id="file2" class="custom-file-input">
        <span class="custom-file-control">choose file</span>
    </label>
</div>

Ты не понял как работают push pull работает только с колонками, строки он местами менять не умеет.
Они толкают и тянут соответственно вправо и влево на указанное количество секций
Я не знаю как в bootstrap 3 поменять местами блоки но в flexbox их поменять легко

<style type="text/css">
        .conflex{
            display: flex;
            flex-direction: column;
        }
        .item2{
            order: 1;
        }
        .item1{
            order: 2;
        }
 </style>
<div class="conflex">
        <div class="item1">1 блок</div>
        <div class="item2">2 блок</div>
</div>

bootstrap 4 использует flexbox, так что тут всё легче. Используем модификатор order-*
* - это порядковый номер а не количество колонок
Если у нас 2 блока это это будет order-1 и order-2
также работают модификаторы размера экрана (например order-md-1)

В этом примере поменял местами 2 и 1 блок как в колонках (md) так и в строках(xs)

<div class="container">
    <div class="row">
        <div class="col-xs-12 col-md-9 order-2">
          2 блок
        </div>
        <div class="col-xs-12 col-md-3 order-1">
          1 блок
        </div>
    </div>
</div>