title: I can't adjust the width of my html.EditorFor box within the helper method
body: <p>VS2013, MVC5, Razor, VB</p>
  
  <p>I'm not yet that fluent with CSS files, so maybe this is my chance to learn, but I also thought that I should be able to add something to the html.EditorFor command to make the displayed box wider.</p>
  
  <p>This is my original code from the scaffold:</p>
  
  <pre><code>@Html.EditorFor(Function(model) model.Body, New With { .htmlAttributes = New With { .class = "form-control" } })
  </code></pre>
  
  <p>When I added .rows as below (I have "DataType(DataType.MultilineText)" decorating the class property 'Body'):</p>
  
  <pre><code>@Html.EditorFor(Function(model) model.Body, New With {.htmlAttributes = New With {.class = "form-control", .rows = "20"}})
  </code></pre>
  
  <p>that worked great to easily give me more rows.  But adding .cols doesn't seem to work:</p>
  
  <pre><code>@Html.EditorFor(Function(model) model.Body, New With {.htmlAttributes = New With {.class = "form-control", .rows = "20", .cols = "80"}})
  </code></pre>
  
  <p>In fact, even if I set .cols = "10", I see no change in the view.  I checked the source in the browser, and the cols attribute is present.  I changed over to html.TextBoxFor to play around and found I could adjust the width of the box smaller, but there is a maximum width in play that I couldn't exceed.  I didn't like using .TextBoxFor because it doesn't display as nice as the original.</p>
  
  <p>Since the MVC template makes extensive use of the bootstrap CSS files, I was a little reluctant to do much with them, but maybe some of the answers will be to direct me in making such changes safely, or according to best practice.</p>
  
  <p>I also have the question of why I can't make a local style change in the html.EditorFor command.  I thought the principle was the closer to the displayed element, the higher priority the CSS would have.</p>
  
  <p><strong>Added re Chris Pratt's response:</strong>  So this is the standard Razor code created by the scaffold.  I only included a single element of my view.  I saw how changing the class inside the elements had impact, but I ended up changing the Label element as well as the .EditorFor element, plus, I never got the .EditorFor element to get wider.</p>
  
  <pre><code>@Using (Html.BeginForm())
  @Html.AntiForgeryToken()
  @Html.Hidden("ChannelItemID", ViewData("ChannelItemID"))
  
  @&lt;div class="form-horizontal"&gt;
    &lt;hr /&gt;
  
    &lt;div class="form-group"&gt;
      @Html.LabelFor(Function(model) model.UserPost.Title, htmlAttributes:=New With {.class = "control-label col-md-2"})
      &lt;div class="col-md-10"&gt;
        @Html.EditorFor(Function(model) model.UserPost.Title, New With {.htmlAttributes = New With {.class = "form-control"}})
        @Html.ValidationMessageFor(Function(model) model.UserPost.Title, "", New With {.class = "text-danger"})
      &lt;/div&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>I wondered if you might offer what I should be changing to get the 100% width while still properly using Bootstrap.</p>