如何创建像gmail这样的侧面导航栏？

Question

我正在尝试使用引导程序创建类似gmail桌面仪表板的导航栏。我的主要重点是在角度项目中使用此导航栏。所以我不想使用Jquery。如果您可以提供完整的Bootstrap和CSS代码，则将非常有帮助。以下图片是从gmail帐户获取的示例。

  

第一张图片在导航折叠之前。

  

导航折叠后的第二张图片。

我也参考以下角度模板。 Fuse Admin Template Navigation Bar Example。