title: Bootstrap textarea width not resizing
body: <p>I have the following page and I want the textarea width to take up the rest of the width of the page but the width style isn't changing the size at all and I'm not sure why. If I change the txtChatMsg textarea width style to anything nothing changes visually.</p>
  
  <pre><code>&lt;div class="container-fluid"&gt;
      &lt;div class="row" style="margin-top: 10px; background-color: aqua;"&gt;
          &lt;div id="divPortrait" class="col-md-3 text-center"&gt;
              &lt;img src="~/Content/good_guy.png" /&gt;
          &lt;/div&gt;
  
          &lt;div id="divChat" class="col-md-9" style="background-color: gray;"&gt;
              &lt;div class="row"&gt;
                  &lt;div id="divMessages"&gt;
                      &lt;!--DYNAMICALLY ADD DIVS FOR EACH CHAT MSG INSIDE HERE--&gt;
                      &lt;div&gt;
                          Test Message here
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
  
              &lt;div class="row" style="background-color: red;"&gt;
                  &lt;textarea id="txtChatMsg" class="form-control" style="width: 100%;" rows="2" placeholder="Write a reply..."&gt;&lt;/textarea&gt;
              &lt;/div&gt;
  
              &lt;div class="row text-right" style="margin-top: 5px;"&gt;
                  &lt;button type="button" class="btn btn-default"&gt;Send&lt;/button&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>