最佳答案
尝试使用 Bootstrap 网格结构:
.content {
border: 4px solid black;
width: 100%;
height: 100px;
}
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.css">
<div class="container">
<div class="row">
<div class="col-sm-2 mt-4">
<div class="content"></div>
</div>
<div class="col-sm-2 mt-4">
<div class="content"></div>
</div>
<div class="col-sm-2 mt-4">
<div class="content"></div>
</div>
<div class="col-sm-2 mt-4">
<div class="content"></div>
</div>
<div class="col-sm-2 mt-4">
<div class="content"></div>
</div>
<div class="col-sm-2 mt-4">
<div class="content"></div>
</div>
<div class="col-sm-2 mt-4">
<div class="content"></div>
</div>
<div class="col-sm-2 mt-4">
<div class="content"></div>
</div>
<div class="col-sm-2 mt-4">
<div class="content"></div>
</div>
<div class="col-sm-2 mt-4">
<div class="content"></div>
</div>
<div class="col-sm-2 mt-4">
<div class="content"></div>
</div>
<div class="col-sm-2 mt-4">
<div class="content"></div>
</div>
</div>
</div>
关于html - Bootstrap 4 六个盒子在同一行(响应式)?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58746403/