title: How could I resize input-group?
body: <p>I'm creating a <code>jumbotron</code> and trying to put an <code>input-group</code> form to make searches on my website. The problem is when I add the <code>form</code> with <code>input</code> and <code>button</code> and try to resize the form to 100% it doesn't stick together and the <code>input text</code> doesn't resize.</p>
  
  <p>How could I fix this problem ?</p>
  
  <p>trying</p>
  
  <pre><code>&lt;div class="jumbotron"&gt; 
      &lt;div class="row"&gt;
          &lt;div class="col-md-4"&gt;
              &lt;div class="img-responsive" style="margin:-50px 0 -20px 20px;"&gt;
                  &lt;a href="@Url.Action("Index","Home")"&gt;&lt;img src="~/Imagens/logo.png" /&gt;&lt;/a&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="col-md-4"&gt;
              @using (Html.BeginForm("view", "Home", FormMethod.Post, new { role = "form" })){
                  @Html.AntiForgeryToken()
                  @Html.ValidationSummary(true)
  
                  &lt;div class="input-group"&gt;
                      &lt;input type="text" class="form-control" placeholder="What do you looking for ?"&gt;
                      &lt;div class="input-group-btn"&gt;
                          &lt;button class="btn glyphicon glyphicon-search"&gt;&lt;/button&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              }
          &lt;/div&gt;
          &lt;div class="col-md-4"&gt;
              @Html.Partial("_LoginPartial")
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;&lt;!--jumbotron--&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/P1v6u.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/P1v6u.png" alt="enter image description here"></a></p>