.net core 怎么做折叠的左侧菜单栏

您可以使用Bootstrap框架中的侧边菜单组件来实现可折叠的左侧菜单栏。在.Net Core应用程序中，您可以使用以下步骤来添加Bootstrap依赖项和相关组件：

1. 在您的.Net Core项目的根目录中，使用以下命令来安装Bootstrap包：

    npm install bootstrap

2. 在您的app.component.html文件中添加侧边菜单组件的HTML代码：

    <nav class="navbar navbar-default sidebar" role="navigation">
        <div class="container-fluid">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-sidebar-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
            </div>
            <div class="collapse navbar-collapse" id="bs-sidebar-navbar-collapse-1">
                <ul class="nav navbar-nav">
                    <li class="active"><a href="#">Home<span style="font-size:16px;" class="pull-right hidden-xs showopacity glyphicon glyphicon-home"></span></a></li>          
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Products<span class="caret"></span><span style="font-size:16px;" class="pull-right hidden-xs showopacity glyphicon glyphicon-th-list"></span></a>
                        <ul class="dropdown-menu forAnimate" role="menu">
                            <li><a href="#">Product 1</a></li>
                            <li><a href="#">Product 2</a></li>
                            <li><a href="#">Product 3</a></li>                            
                        </ul>
                    </li>          
                    <li ><a href="#">Services<span style="font-size:16px;" class="pull-right hidden-xs showopacity glyphicon glyphicon-cog"></span></a></li>
                    <li ><a href="#">Contact Us<span style="font-size:16px;" class="pull-right hidden-xs showopacity glyphicon glyphicon-envelope"></span></a></li>
                </ul>
            </div>
        </div>
    </nav>

3. 在您的app.component.ts文件中添加以下代码来导入Bootstrap和相关依赖项：

    import { Component } from '@angular/core';

    import 'bootstrap/dist/css/bootstrap.min.css';
    import 'bootstrap/dist/js/bootstrap.min.js';
    import '../../node_modules/jquery/dist/jquery.min.js';

这样，您就可以在您的.Net Core应用程序中实现可折叠的左侧菜单栏了。请注意，这是一个示例，并且您可能需要根据您的具体需求进行修改和调整。