Jump to content

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

Recommended Posts


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

        <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>

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?



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.

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.