title: Applying bootstrap has-error styling to a select2 element
body: <p>I've got a <a href="https://select2.github.io/" rel="nofollow noreferrer"><code>select2</code></a> select menu.</p>
  <p>Stripped version for example:</p>
  <pre class="lang-html prettyprint-override"><code>&lt;div class=&quot;form-group has-error&quot;&gt;
      &lt;select name=&quot;description_id&quot; class=&quot;select2&quot;&gt;
          &lt;!-- &lt;options&gt; --&gt;
  
  &lt;/div&gt;
  </code></pre>
  <p>Applying the <code>has-error</code> to the text-inputs will display a red border around the input. This does not work for a <code>select2</code> menu. What am I missing?</p>
  <p>I'm using <code>bootstrap3</code> and the latest <code>select2</code>.</p>