Buton Kayma Sorunu

Merhaba,
Son birkaç saattir bununla uğraşıyorum ve artık beynim yandı.
Normalde tasarım işlerinden nefret ederim fakat yakın bir arkadaşımın projesi için yapmam gerekli.
Inputa form-control eklediğimde buton aşaağı kayıyor ben bu butonu imputun yanına almak istiyorum.
Kodları ve resmi aşağıda ekliyorum, yardımcı olursanız sevinirim.

<divclass="row">
<divclass="col-md-12 form-group">
<inputtype="text"class="form-control col-md-6">&nbsp;<buttonclass="btn btn-lg btn-success">Yeni Kanal Ekle</button>
</div>
</div>

float right ekle button csss sine

Telefondan yazdım hata olabilir bunu dener misiniz
<div class="row">
<div class="col-md-11 form-group">
<input type="text" class="form-control col-md-6"></div><div class="col-md-1 form-group"><button class="btn btn-lg btn-success">Yeni Kanal Ekle</button>
</div>
</div>

<divclass="input-group mb-3"><inputtype="text"class="form-control"placeholder="Recipient's username"aria-label="Recipient's username"aria-describedby="basic-addon2"><divclass="input-group-append"><buttonclass="btn btn-outline-secondary"type="button">Button</button></div>
</div>

https://getbootstrap.com/docs/4.0/components/input-group/

Flex ile yapabilirsin hocam aslında. Boostrapt "class" konusunda pek bilgim yok.