title: select2 not responsive, width larger than container
body: <p>I have a problem with the width of a select2 dropdown in my ASP.NET page. When I try to view the page with the Chrome emulator of devices screen, the select2 is larger than the containing div, and on the right it goes out of the screen. I saw with code inspection that it adds automatically a style attribute <code>style="width: 498px;"</code> in the <code>&lt;span class="select2 select2-container select2-container--bootstrap select2-container--below"&gt;</code> element that I did not set anywhere. The only operation that I did is to set <code>$("#ContentPlaceHolderContent_mySelect").select2();</code> in the document.ready function(). My select2 dropdown is contained in a block:</p>
  
  <pre><code>&lt;div class="form-group"&gt;
     &lt;label class="control-label col-md-3"&gt;Select structure&lt;/label&gt;
     &lt;div class="col-lg-5 col-md-9"&gt;
        &lt;select class="form-control" id="mySelect" runat="server"&gt;&lt;/select&gt;
  
     &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>How can I remove that style="width" option?</p>