title: Increase Size of TextBox
body: <p>I have created a form and am displaying it using a table. One field <code>Full Name</code> should be big so I have used <code>colspan=2</code> but the Editor or Input box's size is not increased as shown on the image below.</p>
  
  <p><a href="https://i.stack.imgur.com/9wG4M.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/9wG4M.jpg" alt="enter image description here"></a></p>
  
  <p>Here's my code so far. Please help me. </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;tr&gt;
    &lt;td&gt;
      &lt;div class="form-group"&gt;
        @Html.LabelFor(m =&gt; m.EmpID, htmlAttributes: new { @class = "control-label col-md-5 first" })
  
        &lt;div class="col-md-7"&gt;
          @Html.EditorFor(model =&gt; model.EmpID, new { htmlAttributes = new { @class = "form-control", disabled = "disabled" } }) @Html.ValidationMessageFor(m =&gt; m.EmpID, "", new { @class = "text-danger" })
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/td&gt;
  
    &lt;td colspan="2"&gt;
      &lt;div class="form-group"&gt;
        @Html.LabelFor(model =&gt; model.FullName, htmlAttributes: new { @class = "control-label col-md-2" })
  
  
        &lt;div class="col-md-10"&gt;
          @Html.EditorFor(model =&gt; model.FullName, new { htmlAttributes = new { @class = "form-control long-textbox", disabled = "disabled" } }) @Html.ValidationMessageFor(model =&gt; model.FullName, "", new { @class = "text-danger" })
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/td&gt;
  
  &lt;/tr&gt;</code></pre>
  </div>
  </div>
  </p>