title: MVC Bootstrap forms styling issue
body: <p>I'm having a small issue with my bootstrap mvc form. the margin for the form-group doesn't seem to be working when i add my Razor. Any help would be greatly appreciated. </p>
  
  <p><img src="https://i.stack.imgur.com/FBrcZ.png" alt="enter image description here"></p>
  
  <p>This is the form that doesn't take the styling properly</p>
  
  <pre><code> @using (Html.BeginForm("Contact", "Home"))
  {
  @Html.AntiForgeryToken()
  @Html.ValidationSummary(true)
  &lt;form class="form-horizontal" role="form"&gt;
      &lt;div class="form-group"&gt;
          &lt;label for="formGroupInputLarge1" class="col-sm-2 control-label"&gt;Name&lt;/label&gt;
          &lt;div class="col-sm-10"&gt;
              @Html.TextBoxFor(m =&gt; m.Name, new { @class = "form-control", placeholder = "Fullname", tabindex = 1 })
              @Html.ValidationMessageFor(m =&gt; m.Name)
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="form-group"&gt;
          &lt;label for="formGroupInputLarge2" class="col-sm-2 control-label"&gt;Email&lt;/label&gt;
          &lt;div class="col-sm-10"&gt;
              @Html.TextBoxFor(m =&gt; m.Email, new { @class = "form-control", placeholder = "Email Address", tabindex = 2 })
              @Html.ValidationMessageFor(m =&gt; m.Email)
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="form-group"&gt;
          &lt;label for="formGroupInputLarge3" class="col-sm-2 control-label"&gt;Message&lt;/label&gt;
          &lt;div class="col-sm-10"&gt;
              @Html.TextAreaFor(m =&gt; m.Message, new { @class = "form-control", placeholder = "Message", tabindex = 3 })
              @Html.ValidationMessageFor(m =&gt; m.Message)
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="form-group"&gt;
          &lt;div class="col-sm-offset-2 col-sm-10"&gt;
              &lt;button type="submit" class="btn btn-primary btn-lg"&gt;Send Mail&lt;/button&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/form&gt;
  }
  </code></pre>
  
  <p>But once i remove the Begin form it takes the correct styling</p>
  
  <pre><code>&lt;form class="form-horizontal" role="form"&gt;
      &lt;div class="form-group"&gt;
          &lt;label for="formGroupInputLarge1" class="col-sm-2 control-label"&gt;Name&lt;/label&gt;
          &lt;div class="col-sm-10"&gt;
              @Html.TextBoxFor(m =&gt; m.Name, new { @class = "form-control", placeholder = "Fullname", tabindex = 1 })
              @Html.ValidationMessageFor(m =&gt; m.Name)
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="form-group"&gt;
          &lt;label for="formGroupInputLarge2" class="col-sm-2 control-label"&gt;Email&lt;/label&gt;
          &lt;div class="col-sm-10"&gt;
              @Html.TextBoxFor(m =&gt; m.Email, new { @class = "form-control", placeholder = "Email Address", tabindex = 2 })
              @Html.ValidationMessageFor(m =&gt; m.Email)
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="form-group"&gt;
          &lt;label for="formGroupInputLarge3" class="col-sm-2 control-label"&gt;Message&lt;/label&gt;
          &lt;div class="col-sm-10"&gt;
              @Html.TextAreaFor(m =&gt; m.Message, new { @class = "form-control", placeholder = "Message", tabindex = 3 })
              @Html.ValidationMessageFor(m =&gt; m.Message)
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="form-group"&gt;
          &lt;div class="col-sm-offset-2 col-sm-10"&gt;
              &lt;button type="submit" class="btn btn-primary btn-lg"&gt;Send Mail&lt;/button&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/form&gt;
  </code></pre>