Импортировать материал deisgn Layout Grid in Angular 4

Question

Я хочу добавить эту сетку в мой угловой проект 4.Я установил эти сетки с помощью

npm install @material/layout-grid

этой команды, но теперь я не могу импортировать их в свой угловой проект 4.Мой код выглядит примерно так:

<div class="mdc-layout-grid">
  <div class="mdc-layout-grid__inner">
    <div class="mdc-layout-grid__cell">One</div>
    <div class="mdc-layout-grid__cell">Two</div>
    <div class="mdc-layout-grid__cell">Three</div>
  </div>
</div>

Но мой div не выравнивается должным образом.Пожалуйста, смотрите изображение ниже.

Я получаю такой результат.Что я должен сделать, чтобы выровнять div по горизонтали, используя эту Layout Grid?Пожалуйста, помогите.

Answer 1

Возможно, у вас нет импортированных файлов CSS и JS для вашего углового проекта.Посмотрите на файл .angular-cli.json, должно быть что-то вроде этого:

"styles": [
        "../node_modules/path-to-your-module-css", // add this line 
        "styles.css"
      ],

Или вы также можете импортировать это непосредственно в ваш компонент css:

@import "../node_modules/path-to-your-module-css";