角度のついたセンターnav

私はnav-centerを使用しましたが、layout-align = 'center-between center'を使用すると100％の幅をとらず、インライン要素のように動作します。角度のついたセンターnav

私はマニュアルを参照して、以下のいたが何も動作...ここにコードは次のとおりです。事前に

<body ng-app="PetApp" layout='row'> 

<div layout="row" flex> 
    <md-nav-bar layout-fill aria-label='Main Menu' md-selected-nav-item="currentNavItem"> 
     <md-nav-item md-nav-sref='#inicio' name="inicio">Inicio</md-nav-item> 
     <md-nav-item md-nav-sref="#conheca" name="conheca">O Aplicativo</md-nav-item> 
     <md-nav-item md-nav-href="#cadastro" name='cadastro'>Cadastre-se</md-nav-item> 
     <md-nav-item md-nav-href="#contato" name='contato'>Contato</md-nav-item> 
    </md-nav-bar> 
</div> 

<script src="node_modules/angular/angular.min.js"></script> 
<script src="node_modules/angular-material/angular-material.min.js"></script> 
<script src="node_modules/angular-animate/angular-animate.min.js"></script> 
<script src="node_modules/angular-aria/angular-aria.min.js"></script> 

<script type="text/javascript"> 
    angular.module('PetApp', ['ngMaterial']); 
</script>

ありがとう！

出典

2016-10-09 heresthebuzz

MD-ナビゲーションバーを使用するレイアウトオプションをセンターに

<div layout="row" layout-align="center" flex="70">

DEMO

出典

2016-10-09 14:40:12 Sajeetharan

私が試したし、それが中心に、しかし、あなたが見ることができるとして、それは100％の幅を失った： http://imgur.com/7iMpViU – heresthebuzz

ng-materialドキュメントのレイアウトオプションについては、こちらを参照してください。それが助けになったら答えとしてマークする – Sajeetharan

角度のついたセンターnav

答えて

関連する問題