[英]Angular2 Material2 - sidenav independent from content
我正在尝试使用material2 sidenav组件。 我希望它与内容分开。 只是一个全高的侧边栏可以在其中前后滑动-没有任何侧边布局,因为它在我的应用布局中创建了一些不需要的东西。
我想要的东西看起来真的很接近https://inbox.google.com/u/0/?pli=1 sidenav。 我目前拥有的是:
如果您要分隔侧栏和主要内容,请使用bootstrap列类实现以下目的,
<md-sidenav-container class="container-fluid">
<div class="col-md-1">
<button md-button (click)="sidenav.open()">
<i class="fa fa-list"></i>
</button>
</div>
<div class="col-md-11">
Main content goes here
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</div>
<md-sidenav #sidenav class="example-sidenav">
Manu bar
</md-sidenav>
</md-sidenav-container>
注意:添加了破折号以增加内容的高度。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.