垂直製表符布爾瑪

是否有一個簡單的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>

來源

2017-04-11 Alyssa Reyes

請問您可以添加一些更多的代碼，如CSS或指定您的問題？如果我認爲你想要什麼，也許這是你的答案; – dutchsociety

我正在檢查他們的文檔，你可以使用這種方法 http://bulma.io/documentation/grid/tiles/ – k185

恐怕不是一個簡單的類中添加布爾瑪實現這一目標（或至少不是我所知道的）。但由於布爾瑪使用flexbox，您可以通過簡單地覆蓋flex-direction來實現很多功能。

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

我也做了fiddle來演示。

來源

2017-10-12 20:16:48 Wouter

垂直製表符布爾瑪

回答

相關問題