title: flex-layout within material-toolbar
body: <p>I'm currently facing a problem with layouting Angular2's material module using flex layouts.</p>
  
  <p>As you're going to see in the example below as well as the attached live version, Angular2's toolbar module seems not to allow flex layouts being placed within an <code>mat-toolbar</code></p>
  
  <pre><code>&lt;mat-toolbar color="primary"&gt;
  
      &lt;div fxLayout="row" fxLayoutAlign="end"&gt;
          &lt;a mat-button fxFlex="auto"&gt;Item 1&lt;/a&gt;
          &lt;a mat-button fxFlex="auto"&gt;Item 2&lt;/a&gt;
          &lt;a mat-button fxFlex="auto"&gt;Item 3&lt;/a&gt;
          &lt;a mat-button fxFlex="auto"&gt;Item 4&lt;/a&gt;
      &lt;/div&gt;
  
  &lt;/mat-toolbar&gt;
  
  &lt;div fxLayout="row" fxLayoutAlign="end"&gt;
      &lt;a mat-button&gt;Item 1&lt;/a&gt;
      &lt;a mat-button&gt;Item 2&lt;/a&gt;
      &lt;a mat-button&gt;Item 3&lt;/a&gt;
      &lt;a mat-button&gt;Item 4&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><a href="https://material-flex-toolbar.stackblitz.io" rel="noreferrer">Live Example</a></p>
  
  <p><a href="https://stackblitz.com/edit/material-flex-toolbar" rel="noreferrer">Editor Version</a></p>
  
  <p>What I want to achieve is a placement of the buttons aligned on the right side. Outside of <code>mat-toolbar</code> everything works like a charm. Is there anything I'm missing or is that a bug which is rooted in material being still beta?</p>