gpt4 book ai didi

css - Bootstrap col-push, col-pull

转载 作者:太空宇宙 更新时间:2023-11-04 10:06:11 25 4
gpt4 key购买 nike

我有以下代码:

<div class="col-md-9 col-md-offset-3">
<div class="row">
<div class="col-sm-4 col-sm-push-4">
</div>
<div class="col-sm-8 col-sm-pull-8">
</div>
</div>
</div>

推和拉的原因是我希望这两列在移动设备上交换。目前它在移动设备上运行良好,但在桌面设备上运行良好——而不是像这样:

enter image description here

列会像这样跳出 col-md-9:

enter image description here

如果我移除推和拉,它们会保持不动。所以这肯定与此有关。

我如何阻止他们违反 col-md-9?

最佳答案

您必须更改您的push/pull 类。

<div class="col-md-9 col-md-offset-3">
<div class="row">
<div class="col-sm-4 col-sm-push-8">
</div>
<div class="col-sm-8 col-sm-pull-4">
</div>
</div>
</div>

关于css - Bootstrap col-push, col-pull,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37992360/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com