如何为某些尺寸添加网格单元格宽度 0

Question

使用什么代替 mdl-cell--0-col-phone 来禁用元素或使其宽度为零？

<div className="mdl-grid">
  <div className="mdl-cell mdl-cell--2-col-phone mdl-cell--2-col-tablet mdl-cell--2-col-desktop">
    <LeftContent/>
  </div>
  <div className="mdl-cell mdl-cell--0-col-phone mdl-cell--4-col-tablet mdl-cell--8-col-desktop">
    <!-- no content -->
  </div>
  <div className="mdl-cell mdl-cell--2-col-phone mdl-cell--2-col-tablet mdl-cell--2-col-desktop">
    <RightContent/>
  </div>
</div>

Answer 1

试试这个 class

mdl-cell--hide-phone

如何为某些尺寸添加网格单元格宽度 0

How to add grid cell width 0 for some dimensions

css

material-ui