css - 垂直标签 bool 玛

Question

bulma 是否有一个简单的 css 代码，可以将它们的水平标签转换为垂直标签？ (下面的示例)我只想覆盖他们的 css

<div class="tabs">
  <ul>
    <li class="is-active"><a>Pictures</a></li>
    <li><a>Music</a></li>
    <li><a>Videos</a></li>
    <li><a>Documents</a></li>
 </ul>
</div>

Answer 1

恐怕没有一个简单的类可以添加到 Bulma 中来实现这一点(或者至少我不知道)。但由于 Bulma 使用的是 flexbox，您只需覆盖 flex-direction 即可实现很多目标。

.tabs ul {
    -webkit-flex-direction: column;
    flex-direction: column;
}

我还做了一个fiddle进行演示。