<body>
<div class="container">
<div class="header">header</div>
<div class="main d-flex justify-content-between">
<div class="f-item d-md-block d-none"></div>
<div class="f-item d-md-block"></div>
<div class="f-item d-md-block d-none"></div>
</div>
<div class="footer">footer</div>
</div>
<style>
.d-none{
background-color: blanchedalmond;
}
.f-item {
width: 200px;
}
.header {
background-color: skyblue;
height: 100px;
text-align: center;
}
.main {
background-color: lightgreen;
height: 400px;
}
.footer {
background-color: skyblue;
height: 100px;
text-align: center;
}
</style>
<!-- JavaScript 文件是可选的。从以下两种建议中选择一个即可! -->
<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"></script>
<script src="./js/bootstrap.bundle.js" integrity="sha384-E5Sj1saJVFNzWWK3YIJB4LEDEEVEGaOdfmCprPDkfWUo+xkb6Ep52Q1TMEtgcFwi"
crossorigin="anonymous"></script>
</body>