<div class="container">
  <div class="row">
    <div class="content col-12 col-lg-3 col-md-4 col-sm-6"><div>内容</div></div>
    <div class="content col-12 col-lg-3 col-md-4 col-sm-6"><div>内容</div></div>
    <div class="content col-12 col-lg-3 col-md-4 col-sm-6"><div>内容</div></div>
    <div class="content col-12 col-lg-3 col-md-4 col-sm-6"><div>内容</div></div>
    <div class="content col-12 col-lg-3 col-md-4 col-sm-6"><div>内容</div></div>
    <div class="content col-12 col-lg-3 col-md-4 col-sm-6"><div>内容</div></div>
    <div class="content col-12 col-lg-3 col-md-4 col-sm-6"><div>内容</div></div>
    <div class="content col-12 col-lg-3 col-md-4 col-sm-6"><div>内容</div></div>
  </div>
</div>
.content > div{
  height: 100px;
  line-height: 100px;
  text-align: center;
  color: #333;
  background:#cccccc;
  margin-bottom: 10px;
        }

External CSS

  1. https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css

External JavaScript

This Pen doesn't use any external JavaScript resources.