title: How to stretch an md-nav-item angular material
body: <p>How to stretch the md-nav-item element</p>
  
  <pre><code>pic1
  ------------------------------------------------
  | ITEM1 | ITEM 2 |
  ------------------------------------------------
  
  pic 2
  ------------------------------------------------
  |         ITEM1        |          ITEM 2       |
  ------------------------------------------------
  </code></pre>
  
  <p>Here's the sample code I'm working with</p>
  
  <pre><code>&lt;div&gt;
  &lt;md-content class="md-padding" &gt;
      &lt;md-nav-bar md-selected-nav-item="currentNavItem" nav-bar-aria-label="navigation links"&gt;
      &lt;md-nav-item md-nav-href="#activity" name="activity"&gt;Activity&lt;/md-nav-item&gt;
      &lt;md-nav-item md-nav-href="#feeds" name="feeds"&gt;Feeds&lt;/md-nav-item&gt;      
      &lt;/md-nav-bar&gt;
  &lt;/md-content&gt;
  &lt;/div&gt;
  </code></pre>