Center nav mit eckigem Material

Ich habe versucht, meine navbar zu zentrieren, aber wenn ich layout-align = 'space-between center' benutze es nicht 100% Breite, und es verhält sich wie ein Inline-Element.Center nav mit eckigem Material

ich die Dokumentation bin nach aber nichts funktioniert ... hier ist der Code:

<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>

Vielen Dank im Voraus!

Quelle

2016-10-09 heresthebuzz

Um md-navbar Nutzung Layout-Optionen

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

DEMO

Quelle

2016-10-09 14:40:12 Sajeetharan

Ich habe versucht, Zentrieren und es zentriert, aber es hat das 100% Breite wie Sie sehen können: http://imgur.com/7iMpViU – heresthebuzz

Lesen Sie mehr über die Layout-Optionen in der ng-Material-Dokumentation. Als Antwort markieren, wenn es geholfen hat – Sajeetharan

Center nav mit eckigem Material

Antwort

Verwandte Themen