Bootstrap From size Controls

Question

<form>
<div class="input-group" >
<input class="form-control" type="email" placeholder="Your email here">
<div class="input-group-append">
<span class="input-group-text">Subscribe</span>
</div>
</div>
</form>
Using bs4 cannot control the size of the form. I need a center form a size would be less.

if i use bellow this code, it controls size but not move its to center even using justify-content-center or flex properties.
<form>
<div class="input-group" >
<input class="form-control col-sm-4" type="email" placeholder="Your email here">
<div class="input-group-append">
<span class="input-group-text">Subscribe</span>
</div>
</div>
</form>
Can you help ?
Main output result like this using bs4.
https://www.w3schools.com/bootstrap/trybs_theme_company_full.htm

Answer 1

Please include your complete code so we could help you.

Answer 2

Thanks for your reply. I solved it my self.