title: How to limit number of columns of card-deck?
body: <p>This is my code, what I want to achieve is only four columns in a row, and no more or less than that, but currently, the number of cards range from 1-10, they keep compressing until 10.</p>
  
  <pre><code>&lt;div class="card-deck-wrapper"&gt;
      &lt;div class="card-deck"&gt;
          @foreach($resource-&gt;projects as $project)
              &lt;div class="card card-project"&gt;
                  bla bla (every card let's say is like this)
              &lt;/div&gt;
          @endforeach
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>