Angular Material中的布局功能是通过Flex布局来实现的。下面是一个示例：

首先，确保已经安装了Angular Material和Angular Flex Layout模块。可以使用以下命令进行安装：

npm install --save @angular/material @angular/cdk @angular/flex-layout

然后，在app.module.ts文件中导入和配置这些模块：

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FlexLayoutModule } from '@angular/flex-layout';
import { MatToolbarModule } from '@angular/material/toolbar';
// 导入其他需要使用的 Angular Material 组件

@NgModule({
  declarations: [
    // ...
  ],
  imports: [
    BrowserModule,
    FlexLayoutModule,
    MatToolbarModule,
    // 导入其他需要使用的 Angular Material 组件模块
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

接下来，可以在组件模板中使用Flex布局来实现所需的布局。例如，下面是一个简单的布局示例：

  Logo
  Nav 1
  Nav 2

在上面的示例中，fxLayout="row"表示将元素水平排列，fxLayoutAlign="space-between center"表示元素将在水平方向上等间距排列，并在垂直方向上居中对齐。

这只是一个简单的示例，Angular Flex Layout模块提供了更多的选项和功能，如媒体查询、偏移量、嵌套布局等。您可以查阅官方文档以获取更多信息和示例：https://github.com/angular/flex-layout