angularjs - Not displaying correctly by full-width-header-menu-footer use angular-material -
according official provide examples: full width, header, menu, footer header menu
[flex-sm="33"][flex-md="20"] main [flex] footer use css angular-material.css
,but display wrong!
make sure using latest version docs show latest versions docs. right seeing docs 0.6.0rc1 has several beaking changes/renamings 0.5.1 refer changelog fixes.
if want full width header side menu , footer here correct markup 0.6.0rc1
<div layout="column" layout-fill> <div layout="row"> <span>your header</span> </div> <div layout="row" flex> <div layout="column" flex="33"> sidebar </div> <div flex="66"> main content </div> </div> <div layout="row"> footer! </div> </div>
this basic layout replace header md-tollbar
, sidemenu md-sidenav
. should along.
also if want use 0.5.1 still replace row
horizontal
, column
vertical
Comments
Post a Comment