Html 包茎

使用Bulma（0.7.1），我有两个具有以下结构的柱：

当用户使用平板电脑或手机访问我的网站时，我希望我的第二列首先换行，即在第一列上换行

---

Bulma中是否有一个内置类可以这样做？还是我必须自己写CSS？如果是，怎么做

您可以使用

.is multiline

在列上进行换行（Bulma）

使用CSS

display: flex;   
flex-wrap: wrap;

带球茎

display: flex;   
flex-wrap: wrap;

科隆
科隆2号

好的，我用CSS/Bulma算出了，你可以添加一个

自定义列

，并使用

列反转

来更改列的顺序

@导入url（“https://cdnjs.cloudflare.com/ajax/libs/bulma/0.3.1/css/bulma.css");
@介质（最大宽度：767px）{
.自定义列{
弯曲方向：柱反向；
显示器：flex；
}
}

1.
2.

Hi@LPK，非常感谢您的帮助！这不是我真正想要的，我想要的是改变我的列的包装顺序。对于Bulma，默认情况下，在mobile上，列1将获得第一列，列2将获得第二列，而我希望列2先获得，列1后获得。我不知道我是否清楚，如果不清楚，很抱歉。@JulesCorb哦，我的糟糕，我想我没有看到它。你很清楚，我现在明白了！：-）真管用！然而，我想知道为什么

flex-wrap:wrap-reverse没有？我猜
柔性包装：反向包装不能应用于列/行。这就是为什么
flex-flow
有两个选项，
flex-wrap
和
flex-direction
具有不同的值和使用方式。