jquery – Sharepoint People Picker with Bootstrap

I am converting an input field into people picker in sharepoint (Project Online). to convert the control into bootstrap one. i have assigned a class “form-control” to it. and i could successfully convert that into bootstrap control. Now, i have 3 control on the page which needs to be converted into people picker. which i could do it. but when it renders on the page. somehow control comes in 2 lines instead of next to each other

enter image description here

This requestor should be aligned left and capability lead should be in second line right side.
I have another class i have applied is. “col-md-6”

How do i make it in line.