title: How can I apply .mdb-select styles properly?
body: <p>The <a href="https://mdbootstrap.com/javascript/material-select/" rel="nofollow noreferrer">documentation from MDB</a> has the following example:</p>
  
  <pre><code>&lt;select class="mdb-select" multiple&gt;
      &lt;option value="" disabled selected&gt;Choose your country&lt;/option&gt;
      &lt;option value="1"&gt;USA&lt;/option&gt;
      &lt;option value="2"&gt;Germany&lt;/option&gt;
      &lt;option value="3"&gt;France&lt;/option&gt;
      &lt;option value="4"&gt;Poland&lt;/option&gt;
      &lt;option value="5"&gt;Japan&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>However, the <a href="https://github.com/mdbootstrap/bootstrap-material-design/blob/master/css/mdb.css" rel="nofollow noreferrer">stylesheet they link to</a> has no <code>.mdb-select</code> class that I can find. What am I missing? I've tried their example in my own project, and can't get the style to apply.</p>
  
  <p>The project already links the base bootstrap files (somewhere), and in my page I'm trying to reference MDB like so:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
    &lt;head&gt;
      &lt;link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.4.4/css/mdb.min.css"&gt;
      &lt;!-- jQuery library --&gt;
      &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"&gt;&lt;/script&gt;
      &lt;!-- Latest compiled JavaScript --&gt;
      &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.4.4/js/mdb.min.js"&gt;&lt;/script&gt;
  </code></pre>