title: How to use the same name classes but in separate styles
body: <p>see the example to understand:</p>
  
  <pre><code>    &lt;!--Standard Bootstrap --&gt;
      &lt;link href="/build/css/site/bootstrap.min.css" rel="stylesheet"&gt;
  
      &lt;!-- Material Design Bootstrap --&gt;
      &lt;link href="/build/css/site/mdb.min.css" rel="stylesheet"&gt;
  </code></pre>
  
  <p>so i want a thing like it:</p>
  
  <pre><code>    &lt;div class="btn btn-danger" &gt;Standard Bootstrap Button&lt;/div&gt;
      &lt;div class="btn btn-danger" &gt;Material Design Bootstrap Button&lt;/div&gt;
  </code></pre>
  
  <p>The name of the classes are the same. But they are in two separate styles.
  How can I use the two styles as I said?</p>
  
  <p>Forgive me for the bad English.</p>