Corresponding input-group for input text?

Question

Hi Team

 

I want to have a corresponding input text on my form to have a space between FirstName and LastName. Any one who can help me on this logic, or reimplemt mine i have below here.

<hr />
       <form>
           <div class="input-group mb-2">
               <div class="input-group-prepend">

               </div>
               <label for="firstName">Name:</label>
               <div class="input-group col-md-6 col-md-offset-6 col-sm-6 col-xs-6">
                   @Html.TextBoxFor(m => m.FirstName, new { @class = "form-control", type = "text", id = "firstname", autofocus = "autofocus", placeholder = "First Name", required = "required" })
                   <br />
                   @Html.TextBoxFor(m => m.LastName, new { @class = "form-control", type = "text", id = "lastname", autofocus = "autofocus", placeholder = "Last Name", required = "required" })
               </div>
           </div>
       </form>