有没有办法灵活**宽度**和使用砌体或卡片（Bootstrap）或其他东西调整项目（不可移动）？

Question

有没有办法灵活宽度并使用Masonry或Cards（Bootstrap）或其他东西调整项目大小（不可移动）？

Bootstrap 4卡的宽度是否灵活？ 我正在使用砌体并创造了我喜欢的设计。 @ https://codepen.io/stephyswe/pen/ZKZaRm。但是当我尝试重新调整浏览器大小时，它会移动项目。我宁愿让它调整项目大小，所以我仍然可以使用相同的布局。
我也查看了Bootstrap 4 - Cards - 并且找不到任何让我创建这种布局的东西如下所示。然而卡片确实为我提供了灵活的宽度。

目前，我被困在Masonry之间，这给了我灵活的宽度但没有响应的项目​​。和Bootstraps - 卡 - 允许可调整大小的项目，但不提供灵活的宽度。

Codepen的布局和代码@使用Masonry https://snag.gy/b4iuSc.jpg

<div class="grid">
   <div class="grid-sizer"></div>
   <div class="grid-item grid-item--width5 grid-item--height4">1</div>
   <div class="grid-item grid-item--width2 grid-item--height4">2</div>
   <div class="grid-item grid-item--width4 grid-item--height2">3</div>
   <div class="grid-item grid-item--width3">4</div>
   <div class="grid-item grid-item--width3 grid-item--height2">5</div>
   <div class="grid-item grid-item--width4">6</div>
</div>