Trying to center my navbar has been a struggle for me. I attempted using 'layout-align='space-between center' but it's not taking up 100% width and is acting more like an inline element.
I've been following the documentation closely, but nothing seems to be working. Here is the code snippet:
<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>
Your help is greatly appreciated!