title: Bootstrap input control width is too short
body: <p>I am having an issue with my controls showing far less than 100% using Bootstrap 3.  This is an example:</p>
  
  <p><a href="https://i.stack.imgur.com/boskd.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/boskd.png" alt="Screenshot"></a></p>
  
  <p>As you can see, all but the Tags control are far shorter than their container.  Tags started showing with full length after making it a Tokenfield.  The code that generates this is:</p>
  
  <pre><code>&lt;div class="row"&gt;
      &lt;div class="col-md-12"&gt;
          &lt;div class="panel panel-default"&gt;
              &lt;div class="panel-heading clearfix"&gt;
                  &lt;b class="panel-title"&gt;Information&lt;/b&gt;
                  &lt;a href="#" data-toggle="collapse" data-target="#Information" style="color: black;"&gt;&lt;span id="InfoCollapseIcon"&gt;&lt;/span&gt;&lt;/a&gt;
              &lt;/div&gt;
              &lt;div class="panel-body panel-collapse collapse in" id="Information"&gt;
                  &lt;div class="form-group"&gt;
                      @Html.LabelFor(model =&gt; model.Name, htmlAttributes: new { @class = "control-label text-left col-md-4" })
                      &lt;div class="col-md-8"&gt;
                          @Html.TextBoxFor(model =&gt; model.Name, htmlAttributes: new { @class = "form-control", @title = "The unique name of the generator." })
                          @Html.ValidationMessageFor(model =&gt; model.Name, "", new { @class = "text-danger" })
                      &lt;/div&gt;
                  &lt;/div&gt;
  
                  &lt;!-- Rinse and Repeat the above --&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>How can I make my controls fill their container's width?</p>