title: Binding input field to model in MVC5 using bootstrap display formatting
body: <p>I'm creating an MVC 5 site using bootstrap 3.0.0. I'm having difficulty binding the model to an input field. I simply don't know the syntax for doing this.</p>
  
  <p>The following code works functionally, but I lose bootstrap's styling.</p>
  
  <pre><code>&lt;div class="control-group"&gt;
      @Html.LabelFor(model =&gt; model.Name, new { @class = "control-label" })
      &lt;div class="controls"&gt;
          @Html.EditorFor(model =&gt; model.Name)
          @Html.ValidationMessageFor(model =&gt; model.Name)
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>On the other hand, this block of code looks great, but I can't get the binding to work.
      @using (Html.BeginForm()) 
      {
          </p>
  
  <pre><code>    &lt;div class="input-group"&gt;
          &lt;span class="input-group-addon"&gt;@Html.LabelFor(model =&gt; model.Name)&lt;/span&gt;
          &lt;input type="text" class="form-control" placeholder="Enter your name here..."/&gt;
          &lt;span class="input-group-addon"&gt;@Html.ValidationMessageFor(model =&gt; model.Name)&lt;/span&gt;
      &lt;/div&gt;
  
      &lt;div class="form-actions no-color"&gt;
          &lt;input type="submit" value="Create" class="btn btn-default" /&gt;
      &lt;/div&gt;
  
      &lt;/fieldset&gt;
  }
  </code></pre>
  
  <p>So I need some assistance either getting the top block or bottom block to work. Either the right syntax to make it work functionally, or a slick method of attaching to the correct CSS in bootstrap to make it look attractive.</p>
  
  <p>Any suggestions are welcome.</p>