MDL и столбцы контента

Question

Я понимаю, как мы это делаем в бутстрапе, но мне интересно, как мы делаем следующее в MDL.

Bootstrap Код:

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

мне интересно, если кто-то может, пожалуйста, покажите пример MDL, который был бы полезен.

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> 

Аналогично начальной загрузки ширину столбца 12 всего. Я считаю, что вы ищете mdl-cell - N-col-phone, (Устанавливает размер столбца для ячейки в N только в режиме телефона).