title: How to make select2 v4 search boxes responsive in the bootstrap 3 nav bar?
body: <p>I've placed select2 search boxes inside a bootstrap 3 navbar. The issue is when I resize the browser, the search boxes don't auto-resize, and the navbar ends up overflowing. It's not clear to be how to make the select2 boxes responsive.</p>
  
  <p>Please see here: <a href="https://jsfiddle.net/vgoklani/3vtrgkc7/13/" rel="noreferrer">https://jsfiddle.net/vgoklani/3vtrgkc7/13/</a></p>
  
  <p>You will have to resize the Result window in jsfiddle. The search boxes are hidden if the width isn't sufficiently long, and will not show up. What I would like is for the search boxes to be responsive, such that their width resizes based on the width of the window.</p>
  
  <pre><code>    &lt;nav class="navbar navbar-dark navbar-fixed-top"&gt;
          &lt;div class="container-fluid"&gt;
  
              &lt;div class="navbar-header"&gt;
                  &lt;button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar"&gt;
                      &lt;i class="fa fa-chevron-down fa-2x" style="font-size: 16px;color:#fff"&gt;&lt;/i&gt;
                  &lt;/button&gt;
                  &lt;a class="navbar-brand"&gt;NAME&lt;/a&gt;
              &lt;/div&gt;
  
              &lt;div class="collapse navbar-collapse" id="navbar"&gt;
                  &lt;form class="navbar-form navbar-left" role="search"&gt;
                      &lt;div class="form-group"&gt;
                          &lt;select multiple class="Search1" multiple="multiple" id="Search1" style="width:400px;height:34px"&gt;&lt;/select&gt;
                      &lt;/div&gt;
                  &lt;/form&gt;
  
                  &lt;form class="navbar-form navbar-left" role="search"&gt;
                      &lt;div class="form-group"&gt;
                          &lt;select multiple class="Search2" multiple="multiple" id="Search2" style="width:400px;height:34px"&gt;&lt;/select&gt;
                      &lt;/div&gt;
                  &lt;/form&gt;
  
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/nav&gt;
  </code></pre>
  
  <p>Thanks</p>