Angular 角度材质2栅格布局不工作
我试图在Angular Material 2中使用基于网格的布局来布局我的表单页面,但它不起作用。应该使用什么标签Angular 角度材质2栅格布局不工作,angular,angular-material2,Angular,Angular Material2,我试图在Angular Material 2中使用基于网格的布局来布局我的表单页面,但它不起作用。应该使用什么标签 <div class="mdl-layout mdl-js-layout mdl-layout--fixed-header"> <main class="mdl-layout__content"> <div class="mdl-grid"> <div class="mdl-cell mdl-cell
<div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
<main class="mdl-layout__content">
<div class="mdl-grid">
<div class="mdl-cell mdl-cell--4-col-phone mdl-cell--4-col-tablet mdl-cell--6-col-desktop">
<md-input-container>
<input mdInput placeholder="Project" value="Personal">
</md-input-container>
</div>
<div class="mdl-cell mdl-cell--4-col-phone mdl-cell--4-col-tablet mdl-cell--6-col-desktop">
<md-input-container>
<input mdInput placeholder="To Do" value="Buy Bread">
</md-input-container>
</div>
</div>
<div class="mdl-grid">
<div class="mdl-cell mdl-cell--4-col-phone mdl-cell--4-col-tablet mdl-cell--6-col-desktop">
<md-input-container>
<input mdInput placeholder="Due Date" type="Date">
</md-input-container>
</div>
<div class="mdl-cell mdl-cell--4-col-phone mdl-cell--4-col-tablet">
<md-input-container>
<input mdInput placeholder="Priority" type="number" value="1">
</md-input-container>
</div>
</div>
<div class="mdl-grid">
<div class="mdl-cell mdl-cell--4-col-phone mdl-cell--4-col-tablet mdl-cell--6-col-desktop">
<md-input-container>
<input mdInput placeholder="Tags" value="grocery">
</md-input-container>
</div>
<div class="mdl-cell mdl-cell--4-col-phone mdl-cell--4-col-tablet mdl-cell--6-col-desktop">
<md-input-container>
<input mdInput placeholder="Description" value="We are all out of bread! This is an emergency!">
</md-input-container>
</div>
</div>
</main>
</div>
你说的“不工作”是什么意思?CSS不适用?或者网格没有正常工作?无论浏览器的宽度如何,所有内容都在一列中。其中一列不是浏览器的宽度。这些标签在Angular 1材质中也不起作用:它似乎在这把小提琴中起作用。你有没有使用angular cli?@YounesM谢谢你的帮助。我正在使用Angular CLI。这把小提琴看起来像是在使用1.3版而不是2.x版的主题。是否有2.x的CDN?我已经用Material 2模板创建了一个plunker,并向Material 2团队提交了一个问题。Plunker:Github问题: