Why “Toggle Sidebar” button is not visible on small devices

[mstdmstdd]

Hello,

Reading this https://getbootstrap.com/docs/4.1/migration/#utilities docs

I try in Bootsrap 4.1 app to show “Toggle Sidebar” button only on small and extrasmall devices, and I do

    <main>
        <div id="main_content">

            <div class="d-md-none d-lg-none d-xl-none ">
                <nav class="navbar navbar-expand-lg navbar-light bg-light   ">
                    <div class="container-fluid">
                        <button type="button" id="sidebarCollapse" class="btn btn-info">
                            <i class="fa fa-align-left" style="color: white"></i>
                            <span>Toggle Sidebar</span>
                        </button>
                    </div>
                </nav>
            </div>
            
            @yield('content')
        </div>
    </main>

But it does not work for small devices : it is not visible, on all the rest devices works as expected
I tried to add d-sm-block class :

            <div class="d-sm-block d-md-none d-lg-none d-xl-none ">

But it does not work anyway...

Which is the right way?

 

Thanks!