<分区>
<分区>
向右拉或向左拉不起作用,我做错了什么?
代码本身
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<div class="container">
<div class="row">
<section class="col-sm-9 pull-right" style="background: olive;">
<article>content</article>
</section>
<section class="col-sm-3 pull-left" style="background: #008040;">
<aside>Widgets</aside>
</section>
</div>
</div>
最佳答案
Bootstrap 4中没有pull-right
和pull-left
。
它不再使用 float
,而是使用 flex。
你有两个 div,你试图通过使用 float 来改变它们的顺序,你可以简单地反转它们在 HTML 中的位置:
<section class="col-sm-3" style="background: #008040;">
<aside>Widgets</aside>
</section>
<section class="col-sm-9" style="background: olive;">
<article>content</article>
</section>
如果你想保留它们在 HTML 中的位置并反转它们,你可以使用 flex-order:
<section class="col-sm-3 order-1" style="background: #008040;">
<aside>Widgets</aside>
</section>
<section class="col-sm-9 order-0" style="background: olive;">
<article>content</article>
</section>
关于html - 反向拉动-* - Bootstrap 4,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49055668/