title: Asp.Net MVC Razor BootStrap Input Form
body: <p><strong>Currently I have an Input form like this:</strong></p>
  
  <pre><code>&lt;div class="editor-label"&gt;
              @Html.LabelFor(model =&gt; model.VenueID)
          &lt;/div&gt;
          &lt;div class="editor-field"&gt;
              @Html.EditorFor(model =&gt; model.VenueID)
              @Html.ValidationMessageFor(model =&gt; model.VenueID)
          &lt;/div&gt;
  </code></pre>
  
  <p><strong>I want to convert it to using the following bootstrap code:</strong></p>
  
  <pre><code>&lt;div class="form-group"&gt;
        &lt;label for="inputVenueID" class="col-lg-2 control-label"&gt;Venue ID&lt;/label&gt;
        &lt;div class="col-lg-10"&gt;
          &lt;input type="text" class="form-control" id="inputVenueID" placeholder="VenueID"&gt;
        &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>How do I do this, so that I can still use the same <code>Razor</code> syntax of <code>HTML.LabelFor</code> / <code>EditorFor</code> / <code>ValidationMessage</code> etc?</p>