Kątowy układ materiału - problemy z giętką

Question

Mam problem z ustawieniem właściwości flex mojego układu. Oto plunker: http://embed.plnkr.co/0SrUp25FvT2PAsJDEwF3/preview

<md-content flex layout="row" layout-align="center"> 
    <div layout="column"> 
     <div flex layout="column" layout-fill> 
     <div flex="33"> 
      <md-input-container> 
      <label>Enter Room's Name</label> 
      <input ng-model="test" placeholder="Enter Room's Name"> 
      </md-input-container> 
     </div> 
     <div flex="66"> 
      <md-button class="md-raised md-accent"> 
      Create Chat Room 
      </md-button> 
     </div> 
     </div> 
    </div> 
    </md-content> 

Oto link do dokumentacji: https://material.angularjs.org/#/layout/grid

Emisja że nieruchomość Flex wejścia (tekst) i wejście (przycisk) nie są posłuszni atrybut flex .

Co staram się osiągnąć coś takiego:

Answer 1

oto wynik po Próbowałem go

miejmy nadzieję, że pomoże:

<md-content layout="row" layout-align="center"> 
    <div layout="column"> 
    <div flex layout="column" layout-fill> <!-- this is what I change --> 
     <div flex="33"> 
     <md-input-container> 
      <label>Enter Room's Name</label> 
      <input ng-model="test" placeholder="Enter Room's Name"> 
     </md-input-container> 
     </div> 
     <div flex="66"> 
     <md-button class="md-raised md-accent"> 
      Create Chat Room 
     </md-button> 
     </div> 
    </div> 
    </div> 

</md-content>