材料設計/ 3列リスト

Question

をマテリアライズ私はマテリアライズに探しています - http://materializecss.com/

私は同等の分離と3列のリストを作成する必要がありますが、私はこれを行う方法についてのドキュメント上の任意の詳細を見つけることができません。

<ul> 
<li>column 1</li> 
<li>column 2</li> 
<li>column 3</li> 
</ul> 

だから、それは次のようになります：

column 1   column 2   column 3 

がどのように私はマテリアライズでこれを行うことができますか、これはマテリアライズのものではありません

は、私はちょうど基本的なリストは必要ですか？

Answer 1

あなたはflex

ul{ 
 
display: flex; 
 
margin: 0; 
 
padding: 0; 
 
} 
 
ul li{ 
 
list-style:none; 
 
flex:1; 
 
}

<ul> 
 
<li>column 1</li> 
 
<li>column 2</li> 
 
<li>column 3</li> 
 
</ul>

を使用してそれを行うことができます