MDL und Inhaltsspalten

Question

Ich verstehe, wie wir das im Bootstrap tun, aber ich frage mich, wie wir das Folgende in MDL tun.

Bootstrap-Code:

<div class="container"> 
     <div class="row"> 
     <div class="col-sm-4"> 
      One of three columns 
     </div> 
     <div class="col-sm-4"> 
      One of three columns 
     </div> 
     <div class="col-sm-4"> 
      One of three columns 
     </div> 
     </div> 
    </div> 

Ich frage mich, ob jemand ein MDL Beispiel zeigen könnte, bitte, die hilfreich sein würde.

Answer 1

MDL Official explanation

<div class="mdl-grid"> 
    <div class="mdl-cell mdl-cell--3-col-phone"></div> 
    <div class="mdl-cell mdl-cell--3-col-phone"></div> 
    <div class="mdl-cell mdl-cell--3-col-phone"></div> 
</div> 

Ähnlich die Spaltenbreite Bootstrap 12 insgesamt. Ich glaube, dass Sie nach mdl-cell suchen - N-col-phone, (stellt die Spaltengröße für die Zelle auf N nur im Telefonmodus ein).