Currently experimenting with Bootstrap 4 cards (view more at )
My goal is to have a container with a card deck inside that stretches horizontally as I add new cards, causing a horizontal scrollbar to appear when needed.
By default, when the container width exceeds the screen width, Bootstrap breaks to a second row to display the remaining cards.
For reference, think of the layout on Trello.
Excited to hear your suggestions and ideas!
Edit: Sharing the code snippet below
<div class="container">
<div class="card-deck">
<div class="card">
<h3 class="card-header">Paris</h3>
<div class="card-block">
<h4 class="card-title">Bruno</h4>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
<a href="#" class="card-link">Card link</a>
<a href="#" class="card-link">Another link</a>
</div>
</div>
<div class="card">
<h3 class="card-header">Paris</h3>
<div class="card-block">
<h4 class="card-title">Bruno</h4>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
<a href="#" class="card-link">Card link</a>
<a href="#" class="card-link">Another link</a>
</div>
</div>
</div>
</div>