I am struggling to create a form with 3 input fields and a button on the same row using Bootstrap v4 for the design. Can anyone help me figure this out?
Take a look at my current design: Click here
My Code
<div class="col-sm-7 mx-auto bg-faded">
<form class="form-inline" action="index.html" method="post">
<div class="form-group">
<label class="mr-2" for="">First Name</label>
<input type="text" name="" value="">
</div>
<div class="form-group">
<label class="mr-2 ml-2" for="">Last Name</label>
<input type="text" name="" value="">
</div>
<div class="form-group">
<label class="mr-2 ml-2" for="">Nickname</label>
<input type="text" name="" value="">
</div>
<button type="submit" class="btn btn-primary">Submit</button>
</form>
</div>