垂直标签布尔玛

Question

是否有一个简单的 css 代码让 bulma 将它们的水平标签变成垂直标签？（下面的示例）我只想覆盖他们的 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;
}

我还做了一个小提琴来演示。