如何修复 bulma css 在 768 点中断后制作单列布局，而平板设备本应为 2 列布局？

Question

我正在尝试使用 bulma css 进行布局，它在突破 768 后进行了 1 列布局，这是平板电脑模式，此时应该是 4 列布局，这里不是这种情况。那么我如何将列布局制作成 3 列布局，然后是 2 列布局，然后是移动设备的一列布局。

我尝试了一些谷歌搜索甚至堆栈溢出，但我无法解决问题。我也试过在列的顶部给出部分，但没有成功。

这是 bulma css 网站的基本专栏代码，这不是我想要的。

第一栏第二栏第三栏第四栏

我正在从 4 列布局变为 1 列布局，它应该是 4 列布局，然后是 3 列布局，然后是 2 列布局，然后是 1 列布局。编辑：我想让它与 wordpress 一起工作，但如果我不能解决这个问题，我就不能。

Answer 1

我已经找到了解决方案，而且这段代码对我来说工作正常，正如我希望它工作的那样。

<div class="columns is-multiline  is-variable is-4">

    <div class="column is-4">
<div class=" ">

    <div class="card-image">
        <figure class="image is-4by3">
            <img src="myImage" alt="Placeholder image">
        </figure>
    </div>

    <p class="subtitle is-3 card-content has-text-centered">Subtitle 3</p>
    <p class="card-footer-item">hyee</p>
</div>
        <hr >
    </div>

</div>

而且我通过将相同的结构以相同的顺序但采用 wordpress 方式使其在 wordpress 中工作

如何修复 bulma css 在 768 点中断后制作单列布局，而平板设备本应为 2 列布局？

How to fix bulma css making single column layout after breaking at point of 768 where it should have been 2 column layout for tablet devices?

css

flexbox

bulma