您如何在 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

你能检查下面的代码和link吗？希望它对你有用。在Bootstrap5中，.offset-*-*类用于设置偏移量。

请参考这个link： 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>

您如何在 BOOTSTRAP 5 上推拉列？

How do you push and pull columns on BOOTSTRAP 5?

push

pull

twitter-bootstrap