title: Create a Responsive Toolbar using Angular Material
body: <p>I have created a toolbar using Angular Material. However, it is not responsive. How can I make the toolbar responsive?</p>
  
  <p>Code for toolbar:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;md-toolbar color = "primary"&gt;
      &lt;button md-button class="md-primary" [routerLink]="['/basic']"&gt;&lt;md-icon class = "icon-20"&gt;home&lt;/md-icon&gt; &amp;nbsp;Angular Concepts&lt;/button&gt;
      &lt;button md-button [mdMenuTriggerFor]="bMenu"&gt;Basic Concepts&lt;/button&gt;
      &lt;md-menu #bMenu="mdMenu"&gt;
        &lt;button md-menu-item [routerLink]="['/a4']"&gt;Angular Component&lt;/button&gt;
        &lt;button md-menu-item [routerLink]="['/cli ']"&gt;Angular CLI&lt;/button&gt;
        &lt;button md-menu-item [routerLink]="['/inout']"&gt;Event Emitters&lt;/button&gt;
        &lt;button md-menu-item [routerLink]="['/template']"&gt;Template Driven Forms&lt;/button&gt;
        &lt;button md-menu-item [routerLink]="['/reactive']"&gt;Data Driven Forms&lt;/button&gt;
        &lt;button md-menu-item [routerLink]="['/directives']"&gt;Angular Custom Directives&lt;/button&gt;
        &lt;button md-menu-item [routerLink]="['/pipes']"&gt;Custom Pipes&lt;/button&gt;
        &lt;button md-menu-item [routerLink]="['/viewchild']"&gt;View Child&lt;/button&gt;
        &lt;button md-menu-item [routerLink]="['/view']"&gt;View Encapsulation&lt;/button&gt;
      &lt;/md-menu&gt;
  
      &lt;button md-button [mdMenuTriggerFor]="aMenu"&gt;Advanced Concepts&lt;/button&gt;
      &lt;md-menu #aMenu="mdMenu"&gt;
        &lt;button md-menu-item [routerLink]="['/ngrx']"&gt;Angular Redux using ngrx/store&lt;/button&gt;
        &lt;button md-menu-item [routerLink]="['/guard']"&gt;Angular Guards&lt;/button&gt;
        &lt;button md-menu-item [routerLink]="['/host']"&gt;Host &amp; Host-Context&lt;/button&gt;
      &lt;/md-menu&gt;
  
      &lt;button md-button (click)="openDialog()"&gt;&amp;nbsp;Contact Card&lt;/button&gt;
    &lt;/md-toolbar&gt;
  </code></pre>