Check out the full code on Codepen.io
<div class="card-container">
<div class="card col-lg-4 col-sm-6 col-xs-12">
<div class="side">Jimmy Eat World</div>
<div class="side back"><img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/29841/jimmy.jpg" alt="Jimmy Eat World"></div>
</div>
Despite using Bootstrap, the cards in my layout are not spreading horizontally as expected and are shrinking instead of maintaining their original squared shape. What could be causing this issue?