how to use toggle on mobile devices tis menu section working?

Using alpine.js my code

<nav class="navbar navbar-default navbar-static-top" role="navigation" style="margin-bottom: 0">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="/">Home</a>
            </div>
            <!-- /.navbar-header -->


            <!-- ADMIN TOP NAVIGATION -->
            @include('includes.admin_top_nav')

            <!-- Admin SIdebar navigation -->
            @include('includes.admin_side_nav')
            
            <!-- /.navbar-static-side -->
</nav>