gpt4 book ai didi

html - Bootstrap : change order of fullwidth columns on mobile devices

转载 作者:搜寻专家 更新时间:2023-10-31 22:40:19 24 4
gpt4 key购买 nike

我有这样的架构:

[col-1][col-2]

(都是12格的宽度)

和我的 html:

<div class="col-xs-12 col-md-5">1</div>
<div class="col-xs-12 col-md-7">2</div>

是否可以在 xs-mobile 设备上以这种方式显示?:

2
1

我试过了:

<div class="col-xs-12 col-md-5 col-xs-push-12">1</div>
<div class="col-xs-12 col-md-7 col-xs-pull-12">2</div>

但这并没有帮助(

最佳答案

将列按移动优先顺序放置,然后使用推/拉在大屏幕上重新排序...

<div class="col-xs-12 col-md-5 col-md-push-7">2</div>
<div class="col-xs-12 col-md-7 col-md-pull-5">1</div>

http://codeply.com/go/PetKacoXyT

关于html - Bootstrap : change order of fullwidth columns on mobile devices,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38329495/

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