Corresponding input-group for input text?

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.

class="input-group mb-2">
class="input-group-prepend">

for="firstName">Name:

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" })

@Html.TextBoxFor(m => m.LastName, new { @class = "form-control", type = "text", id = "lastname", autofocus = "autofocus", placeholder = "Last Name", required = "required" })

@Gcobani Mkontwana

For getting corresponding textboxes side by side, You dont need to use
tag. Just use the form-group with col division as like below:

<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 = "col-xs-3 form-control", type = "text", id = "firstname", autofocus = "autofocus", placeholder = "First Name", required = "required" })
@Html.TextBoxFor(m => m.LastName, new { @class = "col-xs-3 form-control", type = "text", id = "lastname", autofocus = "autofocus", placeholder = "Last Name", required = "required" })
div>
div>
form>

Mark as answer, If it helps.

Thank you.