title: How do I customize the ember-bootstrap form.element so that the input uses a specific column size?
body: <p>I'm using ember-bootstrap and the following element:</p>
  <pre><code>&lt;form.element @controlType=&quot;text&quot; @label=&quot;First Name:&quot; @property=&quot;firstName&quot; /&gt;
  </code></pre>
  <p>which produces the following HTML</p>
  <pre><code>&lt;div class=&quot;form-group row&quot;&gt;
    &lt;label class=&quot;col-sm-4 col-form-label&quot; for=&quot;ember198-field&quot;&gt;First Name&lt;/label&gt;
  
    &lt;div class=&quot;col-sm-10&quot;&gt;
      &lt;input id=&quot;ember198-field&quot; class=&quot;form-control&quot; type=&quot;text&quot;&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  <p>How do I go about customizing the <code>col-sm-10</code> in the enclosing <code>&lt;div&gt;</code> for the input element?</p>