布尔玛网格-移动设备上为2x2,平板电脑及更高版本上为1x4

问题描述 投票:0回答:1

如何在平板电脑及更高版本上创建为1x4,在移动设备上为2x2的网格?

<div class="columns is-mobile" data-v-15d98976="">
    <div class="column is-6-mobile is-3-tablet" data-v-15d98976=""></div>
    <div class="column is-6-mobile is-3-tablet" data-v-15d98976=""></div>
    <div class="column is-6-mobile is-3-tablet" data-v-15d98976=""></div>
    <div class="column is-6-mobile is-3-tablet" data-v-15d98976=""></div>
</div>

但是,它不适用于移动设备。仅将最后两列隐藏。

css bulma
1个回答
0
投票

is-multiline添加到列容器,如下所示:

© www.soinside.com 2019 - 2024. All rights reserved.