title: MVC - bootstrap -form control is coming in next line with form-group
body: <p>I want to use bootstrap formgroup. It works if I have a single label &amp; a control but if there are more than 2 controls (label, control and validation field) then validation field goes in next line.</p>
  
  <p>I tried using form-inline but no luck. Can anybody please tell me how to keep all the elements of form-group in a single line?</p>
  
  <pre><code>        &lt;div class="form-group"&gt;
              @Html.Label("Emp ID", new { @class = "col-sm-2 control-label" })
              &lt;div class="col-sm-10"&gt;
                  @Html.TextBoxFor(model =&gt; model.EmpID, new { disabled = "disabled", @class = "form-control" })
              &lt;/div&gt;
          &lt;/div&gt;
  
          @* Tried with form-group *@
          &lt;div class="form-group"&gt;
              @Html.LabelFor(model =&gt; model.EmployementTypeID, Constants.EmploymentType, new { @class = "col-sm-2 control-label" })
              &lt;div&gt;
                  @Html.DropDownListFor(model =&gt; model.EmployementTypeID, new SelectList(Model.EmploymentType, "EmployementTypeID", "EmployementTypeName", Model.EmployementTypeID), new { @class = "form-control" })
                @* This validation goes in next line, how can we keep it in the same line *@
                  @Html.ValidationMessageFor(model =&gt; model.EmployementTypeID)
              &lt;/div&gt;
          &lt;/div&gt;
  
          @* Tried with form-inline *@
          &lt;div class="form-inline"&gt;
              @Html.LabelFor(model =&gt; model.Address, Constants.Address, new { @class = "col-sm-2 control-label" })
              &lt;div&gt;
                  @Html.TextAreaFor(model =&gt; model.Address, new { @class = "form-control col-sm-10" })
             @* This validation goes in next line, how can we keep it in the same line *@
                  @Html.ValidationMessageFor(model =&gt; model.Address)
              &lt;/div&gt;
          &lt;/div&gt;
  </code></pre>