Bootstrap 4 sidebar menu with submenu responsive with code 2018

In this video tutorial, We going to learn about Bootstrap 4 sidebar. We can easily create bootstrap 4 sidebar nav by using some custom CSS. Where I create three layers of the submenu in this sidebar. By using collapse session and toggle function of bootstrap 4 I designed this sidebar or sidenav.
Link for download the code:
drive.google.com/drive/folder...
Tags:
bootstrap 4 sidebar
bootstrap 4 sidebar collapse
bootstrap 4 sidebar nav
bootstrap 4 sidebar template
bootstrap 4 sidebar responsive
bootstrap 4 sidebar tutorial
bootstrap 4 sidebar menu responsive
bootstrap 4 sidebar menu toggle
bootstrap 4 sidebar dropdown
bootstrap 4 sidebar and navbar
bootstrap 4 sidebar nav collapse
bootstrap 4 sidebar navigation
bootstrap 4 sidebar layout
bootstrap 4 sidebar menu

[@munzertopu]

After searching here and there, finally found the perfect tutorial for the sidebar. You are a lifesaver, Man. Love from Bangladesh

[@nilnavegadores767]

Excellent tutorial! Teacher was very helpful in this tutorial. Grateful!

[@abrahimsardar3158]

thank u for this tutorial. the best tutorial for bootstrap 4 sidebar. code also working fine

[@boboboboboboo7522]

this is a beautiful design very nice thank you. Works 100% perfectly.

[@humairaislamjesi6492]

Many many thanks for shears this code. 🤩🤩😍😍 It's so helpful.

[@sergiobrero2436]

Thank you very much - very usefull - thank again you made my day :-)

[@soultouchingsongs]

You are just awesome. Best video ever on this topic. Thanks a ton for sharing. Keep prospering..

[@CarlosAlmeida1962]

Thank you for your tutorial.

[@salomonks9866]

I like and subscribed because you provided the code. Thanks

[@royalprince3309]

Thank you so much sir, for this video. I had seen a lot of videos to create sidebar but their codes had not as responsive as your code is.
so ones again Thanks a lot for this video.

[@mohamedaminebouazizi3489]

Thank you sooooooooo much sir !

[@adrivlogs5564]

i want to know that, how i do by default sidebar show on desktop screen and collapse on tab screen?

[@samsonoduori7816]

Thanks very much for the tutorials, sir! I only have a question, how do I prevent the sidebar from showing immediately the page loads? Please help me

[@hakeamgureh2441]

Add “active” class on the after the sidebar id manually on the index.html file. It will toggle the active class automatically

[@AGUSTINCs]

gracias, vuelva prontos

[@omarsiraj327]

This is helpful, but please pause between coding and show us the output.

[@maharshidave4472]

thank you sir...

[@narayananseshagirirao2569]

Thanks for the code.

[@sspawar5952]

hi,
I have created a Index page in brackets using bootstrap framework. Set a logo, company name, contact no. and nav bar (menu bar :Home, About Us, Products, Downloads, Contact Us), etc. Now I need pages like Home, About Us, Products, Downloads, Contact Us & Inquiry which is in menu bar. Now how can I use that same header and navigation on all pages as template? That means , if the there will be any changes in logo, company name, menu bar etc. in header section. I will make changes in Index page & it will be update automatically in all other pages.?

[@shareeflamak4576]

thank you

[@GonDevel]

Thanks!

[@boboboboboboo7522]

what is the navbar-btn class in css @36:50 its not in markup s:

[@shubhamnaik1982]

Best Video Ever

[@chromaticvisionstudio5489]

you than man thank you

[@user-ve4zj2uu4m]

nice!,I very like thinks

[@eitan71]

what is the music in the background please?

[@fernandoadauto5354]

Very good video bro, don't say "so" too much

[@info-culture9219]

good

[@r.s.sharmasharma5317]

okay thanks

[@AnNguyen-ny2ld]

Good

[@tonmoychoudhury4539]

Bro first of all I will appreciate for your efforts to make this video in sidebar bootstrap.However,I found a lot of loopholes in the video like the video is not informative means while you writing the css classes it feels like you have just mugged up the css classes and you are just recalling them and writing it down.As a newbie to bootstrap I need to understand that changing the css classes leads to what change in the DOM. Next you need give some info(a two liner info would be enough) whenever you are introducing some not so frequently used css classes like transform, translate,media queries....like why we should use them .Also I feel like there should be a wrapper class which should hold up your sidebar markup and you page content markup.And lastly you need to improve your pronunciation and increase your vocab.Its a big turn off for the audience when they are actually hearing it.If you can work on these aspects ....I guess it will be a great source of learning.Best of luck :)

[@jedfilm8189]

did you learn that all in Internet? because I want to be like you and other people who are good in this

[@debjyoti66]

not from the internet. i take training from my teacher.

[@hinahadir7912]

your are amazing$$$$$$$$$$$$$$$$$$$$$$

[@redline91251]

how to hide the sidebar. Only appear if I click the button

[@boboboboboboo7522]

main css add margin-left: 0px; to #sidebar
and add margin-left: -250px; to #sidebar.active
In the media query remove or comment out css for
#sidebar
#sidebar.active

[@boadajs]

Thank you my friend. I was searching this one. :-)

[@fazrulafiq]

followed the video and even copy paste the codes, why still not working?

[@debjyoti66]

My video and code is perfect

[@fazrulafiq]

@@debjyoti66 yeah its good, i forgot that my css file is in a folder. my bad sorry

[@derekandrews9864]

could you be any more zoomed out can barely even see

[@manshasattar9347]

phudi deyaa 5 mint alee dyy.....