为什么我的bulma列包裹，尽管没有多线设置？

Question

我正在使用Bulma进行列管理，它有一个is-multiline类，可用于允许列进行换行。但是，我没有使用这个类，但我的专栏仍在包装。

预期行为：

两列总是并排放在同一行

上

实际行为：

在某些视口宽度处，第二列位于第一列下方而不是旁边。

问题

如果你对Bulma很熟悉，你会介意看一下这个简单的例子，让我知道我做错了吗？非常感谢！

HTML

<div class="body">
  <div class="columns">
    <div class="column row-name is-narrow">
      Row 1
    </div>
    <div class="column row-cells">
      Some data
    </div>
  </div>
</div>

CSS

.body {
  width: 600px;
  background-color: #000;
  margin: 0 auto 0;
}
.row-name {
  background-color: #ffff0088;
  width: 50px;
}
.row-cells {
  background-color: #ff000088;
}

JSFiddle：https://jsfiddle.net/8ggyagxp/10/

Answer 1

事实证明，如果Bulma检测到您的视口大小为 mobile ，它将堆叠列，除非列上存在is-mobile类。有关详细信息，请参阅here。