Add
class="col-form-label col-xs-2 col-md-6"
to each of your labels.
Remove
col-md-offset-8
from your
input-group
elements.
You can also remove the
col-sm-6
, since you already have
col-xs-6
on the same element.
Remove
pull-left
from the
input-group
elements.
You'll also want to remove the
autofocus
attribute from all but the first textbox.
<div class="row">
<label for="Title" class="col-form-label col-xs-2 col-md-6"> Title: </label>
<div class="input-group col-md-6 col-xs-10">
<div class="input-group">
@Html.TextBoxFor(m => m.Title, new { @class = "form-control", type = "text", id = "title", autofocus = "autofocus", placeholder = "Title", required = "required" })
<div class="input-group-append">
<div class="input-group-text">
</div>
</div>
</div>
</div>
</div>
Demo[
^]
Grid system · Bootstrap[
^]
Form grid - Forms · Bootstrap[
^]