third_party/ot-br-posix/repo/third_party/mdl/repo/src/grid/snippets/grid.html

   1 <div class="mdl-grid">
   2   <div class="mdl-cell mdl-cell--1-col">1</div>
   3   <div class="mdl-cell mdl-cell--1-col">1</div>
   4   <div class="mdl-cell mdl-cell--1-col">1</div>
   5   <div class="mdl-cell mdl-cell--1-col">1</div>
   6   <div class="mdl-cell mdl-cell--1-col">1</div>
   7   <div class="mdl-cell mdl-cell--1-col">1</div>
   8   <div class="mdl-cell mdl-cell--1-col">1</div>
   9   <div class="mdl-cell mdl-cell--1-col">1</div>
  10   <div class="mdl-cell mdl-cell--1-col">1</div>
  11   <div class="mdl-cell mdl-cell--1-col">1</div>
  12   <div class="mdl-cell mdl-cell--1-col">1</div>
  13   <div class="mdl-cell mdl-cell--1-col">1</div>
  14 </div>
  15 <div class="mdl-grid">
  16   <div class="mdl-cell mdl-cell--4-col">4</div>
  17   <div class="mdl-cell mdl-cell--4-col">4</div>
  18   <div class="mdl-cell mdl-cell--4-col">4</div>
  19 </div>
  20 <div class="mdl-grid">
  21   <div class="mdl-cell mdl-cell--6-col">6</div>
  22   <div class="mdl-cell mdl-cell--4-col">4</div>
  23   <div class="mdl-cell mdl-cell--2-col">2</div>
  24 </div>
  25 <div class="mdl-grid">
  26   <div class="mdl-cell mdl-cell--6-col mdl-cell--8-col-tablet">6 (8 tablet)</div>
  27   <div class="mdl-cell mdl-cell--4-col mdl-cell--6-col-tablet">4 (6 tablet)</div>
  28   <div class="mdl-cell mdl-cell--2-col mdl-cell--4-col-phone">2 (4 phone)</div>
  29 </div>