如何使用 Bootstrap 5 将砌体布局仅应用于平板电脑视口

Question

请告诉我如何将砌体布局仅应用于平板电脑视口（col-md-6），笔记本电脑视口（col-lg-4）正常使用引导网格。我完成了笔记本电脑视口，但平板电脑视口需要使用砌体布局，但是当我将： data-masonry='{"percentPosition": true }' 放入行包装器中时，平板电脑视口正常，但笔记本电脑视口已更改.

<div class="container">
        <div
          class="row justify-content-center"
          data-masonry='{"percentPosition": true }'
        >
          <div class="col-lg-4 col-md-6">content 1</div>
          <div class="col-lg-4 col-md-6">content 2</div>
          <div class="col-lg-4 col-md-6">content 3</div>
          <div class="col-lg-4 col-md-6">content 4</div>
          <div class="col-lg-4 col-md-6">content 5</div>
          <div class="col-lg-4 col-md-6">content 6</div>
        </div>
</div>

非常感谢！

我想如果使用媒体查询可以解决这个问题，但还没有完成。