Jump to content

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


Recommended Posts

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!

Link to post
Share on other sites
This thread is more than a year old.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.