縦割り

Question

私は材料設計LiteのWebsite Link Here

を使用していますが与えられたドキュメントごとにカードでの縦割りをする一切方法はありません。

一般的にグリッドレイアウトはマテリアルデザインで使用されますが、グリッドを使用しているときは、デフォルトで2つのセルの間にスペースがあります。私はカードにスペースを持たない垂直分割を持つことができる他の方法はありますか？

Demo Plunkr

のCss

.grid-handler { 
    max-width: 600px; 
} 

HTML

<div class="grid-handler mdl-grid"> 
     <div class="mdl-cell mdl-cell--6-col mdl-card mdl-shadow--2dp">6</div> 
     <div class="mdl-cell mdl-cell--6-col mdl-card mdl-shadow--2dp">6</div> 
    </div> 

Answer 1

あなたはmdl-gridでmdl-grid--no-spacingクラスを使用することができます。

<div class="mdl-grid mdl-grid--no-spacing"> 
    <div class="mdl-cell mdl-cell--6-col mdl-card mdl-shadow--2dp">6</div> 
    <div class="mdl-cell mdl-cell--6-col mdl-card mdl-shadow--2dp">6</div> 
</div>