如何在BOOTSTRAP 5上推拉列?

Question

我试过这两个选项:

<div class="col-md-4 col-md-push-8 bg-danger">

和

<div class="col-md-4 order-md-8 bg-danger">

两个都不工作

Answer 1

请查看下面的代码和链接希望它对你有用。在Bootstrap 5中，.offset-*-*类用于设置偏移量。

请参考此链接:https://jsfiddle.net/yudizsolutions/s9qn4o71/4/

<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous">
<!-- Extra Example  -->
<div class="container">
<div class="row">
<div class="col-md-4 offset-md-8 bg-danger">col-md-4 offset-md-8</div>
</div>
<div class="row">
<div class="col-md-3 offset-md-3 bg-danger">.col-md-3 .offset-md-3</div>
<div class="col-md-3 offset-md-3 bg-danger">.col-md-3 .offset-md-3</div>
</div>
<div class="row">
<div class="col-md-6 offset-md-3 bg-danger">.col-md-6 .offset-md-3</div>
</div>
</div>