title: Multiple .col classes not working in Bootstrap
body: <p>I'm just trying out Bootstrap and am a bit confused why when I apply multiple .col classes to a div it seems to have no impact. Here's my code:</p>
  
  <pre><code>&lt;div class="container"&gt;    
    &lt;div class="row"&gt;
      &lt;div class="col-lg-4 col-md-8 col-sm-10 col-12 text-center"&gt;
        &lt;div class="card" style="width: 20rem;"&gt;
          &lt;img class="card-img-top" src="cheryl-winn-boujnida-65955.jpg" alt="Card image cap"&gt;
          &lt;h4 class="card-title"&gt;
            &lt;i class="fa fa-circle-o-notch" aria-hidden="true"&gt;&lt;/i&gt;
            Fast photo printing
          &lt;/h4&gt;
          &lt;p class="card-text"&gt;Upload content and have it sent to your address within 3 hours&lt;/p&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="col-lg-4 col-md-8 col-sm-10 col-12 text-center"&gt;
        &lt;div class="card" style="width: 20rem;"&gt;
          &lt;img class="card-img-top" src="neonbrand-371471.jpg" alt="Card image cap"&gt;
          &lt;h4 class="card-title"&gt;
            &lt;i class="fa fa-superpowers" aria-hidden="true"&gt;&lt;/i&gt;
            Total access
          &lt;/h4&gt;
          &lt;p class="card-text"&gt;Access your media from any device, from any location&lt;/p&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="col-lg-4 col-md-8 col-sm-10 col-12 text-center"&gt;
        &lt;div class="card" style="width: 20rem;"&gt;
          &lt;img class="card-img-top" src="allef-vinicius-205147.jpg" alt="Card image cap"&gt;
          &lt;h4 class="card-title"&gt;
            &lt;i class="fa fa-ravelry" aria-hidden="true"&gt;&lt;/i&gt;
            Freedom
          &lt;/h4&gt;
          &lt;p class="card-text"&gt;Choose your package to suit your needs and usage&lt;/p&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The divs line up ok horizontally on large screens but when I reduce the screen size, the divs stack but don't seem to take into account the settings I am trying to apply with the .col classes. </p>