縦型タブBulma

Question

横型タブを縦型タブにする簡単な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はflexboxを使用しているので、単にflex-directionを上書きするだけで多くを達成できます。

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

また、私はfiddleをデモンストレーションしました。