Вертикальный Отдел в Material Design Lite Card

Question

Я использую материал Design Lite Website Link Here

Там нет никакого способа, чтобы сделать все, что вертикальное разделение в карты согласно документации, предоставленной там.

Для разделов, как правило, макет сетки используется в дизайне материалов, но когда я использую сетку, по умолчанию между двумя ячейками есть пространство. Есть ли другой способ, с помощью которого я могу иметь вертикальные подразделения без места в карточке?

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--no-spacing класс с mdl-grid:

<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>