Bootstrap 5 Crash Course Tutorial #17 - Offcanvas

Hey gang, in this Bootstrap5 tutorial you'll learn about a new sidebar component - the Offcanvas.
🐱‍👤 View this course in full now - without ads - on Net Ninja Pro:
netninja.dev/p/bootstrap-5-cr...
🐱‍💻 Access the course files on GitHub:
github.com/iamshaunjp/bootstr...
🐱‍💻 HTML & CSS Crash Course:
• HTML & CSS Crash Cours...
🐱‍💻 Node.js Crash Course:
• Node JS Tutorial for B...
🐱‍💻 SASS Crash Course:
• SASS Tutorial #1 - Wha...
🐱‍💻 VS Code - code.visualstudio.com/
🐱‍💻 Bootstrap 5 Docs - getbootstrap.com/docs/5.0/get...
🐱‍💻 Social Links:
Facebook - / thenetninjauk
Twitter - / thenetninjauk
Instagram - / thenetninja

[@codedjango]

This "offcanvas" element is amazing....Loved it...Thanks Shaun :)

[@ridl27]

the only new and also very useful component I've seen in bootstrap 5 so far

[@ohiwantyoutobelieve]

Very basic but very helpful, thank you

[@HomelessDeamon]

Thanks again Boss !!!!

[@NotPolloz]

Thank so much for this video! I have an issue with the scrollpy on mobile. How do you make it so it navigates then closes? Since it covers the users screen.

[@hamzehqatash6256]

Amazing !! 🖤️

[@vishalpal8957]

how can we allign the title of offcanvas and the modal as well in the center along with the close button i tired giving class="m-auto" but because of close button it was not in the center it was a bit left

[@AxxionMarketPlace-iu6ri]

Thank you

[@pisithdev9213]

Thanks. How i change sidebar width ?

[@dayanaaa9199]

sir can you show a video using react-bootstrap on how to remove the backdrop and when you click outside the offcanvass it can still close back the canvass

[@dravahneyo5066]

Thank you so much for this tutorial.🙂

[@NetNinja]

You’re welcome 😊

[@salahalhashmi6528]

thank you

[@stevenchris8060]

Please do powershell next!

[@giovannyaguilarrojas2434]

Hello good, thanks for the video. See how offcanvas-transition-duration can be used.

[@73dem6vmo7]

Hi, thank you so much. I am so unfamiliar with Github. How can I download all the files for this tutorial, please? TIA.

[@shreyshukla1464]

My offcanvas is not working after changing bootstrap variables and adding bootstrap through npm. Please help!

[@prafulrane3591]

Need a roadmap video to follow your channel content !!!

[@somebody1222]

Can somebody tell my why the transitions doesn't work in bootstrap

[@mdraihanulislamtomal6064]

how to stop auto reload in offcanv?

[@lorraineodigwe5687]

my off canvas isn't working. i copied the exact code. i'm frustrated because it means i cant do the dropdowns

[@rajeev1668]

Please make video for NodeJS microservices

[@baxiry.]

Nothing better than Gulang for microservices

[@bkmurthy81]

It would be more useful if you provide the source code download link.

[@n.n.1279]

The offcanvas menu is a crap: You click on a menu item link and go to the next webpage. When you click on the back button and go back to the privious webpage, the offcanvas menu is still open! This is not a good idea for a menu, especially if the offcanvas menu is taking the whole screen of the mobile display! 👎

[@charlestia8296]

im trying my best but its still not working