How to Create Sidebar Using Bootstrap 5 | Responsive Sidebar With Bootstrap | Sidebar Menu

[@venvilph6799]

Finally, some youtuber who has a source code. Thanks bro! :)

[@codzsword]

Don't call me a KZbinr. 🥸

[@BeatCode74]

Thank you very much. Finally a working solution which is easy to understand and proven with a clean code repo!

[@codzsword]

Truly appreciated. If you want a tutorial with voice-over, check it kzbin.info/www/bejne/gpvWdKx-lJp4iNU And if you can, consider suiiibscribing.

[@anomfb]

Thanks for the proyect. I am using your components and it is very nice. Is responsive. And the implementation is very simple for a vertical navbar.

[@codzsword]

Thanks 👍

[@sajjadabdullah]

Love this video. Thank you very much.

[@codzsword]

You are welcome! 😀 Like. Share and Suiiiscribe

[@freakent]

Thank you. Your solution is exactly what I was looking for, but I don't think a tutorial delivered in this style works. The music is a massive distraction, and whilst I can see what you are doing, a good tutorial should say why you are doing it that way.

[@codzsword]

The analytics regarding these videos provide significant insights. The average view duration is less than 2.10 minutes. I believe if I had included a voiceover, the metrics would have been different. Nonetheless, I'm glad this video reached a wide audience and was well received by many. It's disheartening that most of my other videos, where I've invested significant effort, haven't reached my intended audience. I'm considering doing voiceovers, but it's quite time-consuming as syncing the explanation with the video is challenging. Nonetheless, I appreciate your understanding and support. If you enjoy the video, you can show your support by donating through super chats.

[@LeeMin-ho26]

Thank you so much for the source code.

[@codzsword]

You are welcome!

[@arisanurfarina338]

thank you, u really saved me!

[@codzsword]

How could I, I am not a doctor 💊

[@arisanurfarina338]

@@codzsword 😂

[@juansifuentes2929]

Muchas gracias, desde Perú.

[@fernandoacunayataco6900]

Thanks very much, I really appreciate your contribution

[@codzsword]

Thanks! I'm glad you found it helpful. 🙏 Subscribe. Checkout other videos as well. Thank you for your support 😊😊

[@lnzh8410]

un très grand merci pour le tuto, super contenu et facile à comprendre, et le choix de musique est vraiment, je n'ai pas de mots, suberpe ; qui est ce ?? 👍 l'écoute de cette musique a été un moment vraiment agréable, merci encore

[@codzsword]

Merci pour votre retour ! Si vous recherchez un guide détaillé sur la création d'une barre latérale à l'aide de Bootstrap, je suis là pour vous. kzbin.info/www/bejne/gpvWdKx-lJp4iNU Et n'oubliez pas de liker et de vous abonner !

[@davoodsoleimani9482]

That is what I would want !!

[@codzsword]

Hey there! Don't forget to check out the other amazing videos on my channel. I've started creating videos with explanations and have even covered some exciting Bootstrap tutorials. Thanks for your support, and see you later!

[@BrockLesner-bw3et]

more than perfect video...

[@codzsword]

Thank you! Should be perfect for Brock Lesnar.💪💪

[@davoodsoleimani9482]

Awesome !!🔥🔥

[@codzsword]

Thank you, brother. I appreciate it.

[@b.mm.b351]

Hey! I really appreciated this tutorial and learned a lot of things, thanks.

[@codzsword]

Thanks. 🙏

[@DheiGxux]

Thanks for this implementation!

[@codzsword]

You're welcome! 🤗

[@codzsword]

I kindly encourage you to follow along with this tutorial; not only is it an enjoyable and straightforward coding experience, but it also contributes to the growth of our channel's watch time. Your participation would be greatly appreciated! 🙏🙏

[@gustavesabee2173]

Exellent, thank you men

[@codzsword]

Gracias 🙃

[@L.I.ErickGonzalezBarragan]

Thanks bro!. I have a question: How can I immobilize the aside while I scroll in the main?

[@codzsword]

immobilize??

[@L.I.ErickGonzalezBarragan]

when you scroll the main section, the aside section scroll too

[@futurevids09]

same problem, how to set aside fixed position while the main scrolling?

[@prajaktachavan9329]

Same question please reply

[@brunook03]

@@prajaktachavan9329 #sidebar { position: fixed; height: 100vh; }

[@shabanelmogy7912]

great and simple

[@codzsword]

Share and subscribe 😉😀

[@pritammagdum24]

Thanks Bro

[@codzsword]

Thanks

[@iqblfrmnsyah]

THANK YOU BROOO

[@codzsword]

WELCOME BROOO

[@phenixbd]

Excellent

[@codzsword]

👍👍 Thanks

[@codzsword]

Hey there, many of you wanted a tutorial with voice and explanation, so here it is. kzbin.info/www/bejne/gpvWdKx-lJp4iNU Your feedback is always welcome.❤

[@zaetaignis3986]

Gracias 👍

[@codzsword]

Gracias 🙃

[@JuanzerZ]

Thank you, how can i make it so it starts expanded?

[@codzsword]

It's really easy I guess.🧐🧐

[@tahasultani]

i want to expand sidebar on mouseover and mouse out

[@codzsword]

I've implemented a toggle function that activates only upon clicking. We'll cover hovering functionality in a separate video.

[@prajaktachavan9329]

Initially navbar height is less than half and when i select drop drown is is increasing accordingly so where in css have you defined height of side nav i.e. sidebar footer is not at the bottom

[@codzsword]

Hmm. The sidebar isn't covering the entire screen height by default. This shouldn't be happening. As for the sidebar footer, it should be positioned at the bottom. I haven't defined the sidebar height, but I have given a minimum height of 100vh to the main dashboard section.

[@cloudytutorial4622]

i experience the same things, could you help me how to fix it

[@pippuccio76]

how can i start with sidebar expanded by default ?

[@codzsword]

It's really easy 😉🧐🧐

[@ricardomatos9669]

y como pongo para que el contenido del formulario salga a la derecha y no despues del menu. gracias

[@codzsword]

Pido disculpas por la respuesta tardía. Tampoco entendí tu pregunta.

[@farahilyasEB_]

Heyyy, can you explain how can i achieve a tab behaviour on this sidebar. Where clicking on the li i get the respective content on the right side.

[@codzsword]

To achieve a tab-like functionality in our web application, it might be necessary to modify the HTML structure. This could involve creating new HTML elements, such as divs or sections, that will serve as the tabs. While this may seem like a daunting task, it is not impossible. Thanks

[@TheSk8diego]

How to use the menu in all the pages, or put information in the blank space

[@codzsword]

To avoid manually adding the sidebar to every page in your project, you can implement the sidebar using a backend language, allowing you to include it dynamically across your dashboard or website. Else, you have to manually add sidebar component across all pages in your project.

[@TheSk8diego]

​@@codzsword can you make a tutorial of how to add it dynamically on the backend? And how much it will cost $$?

[@codzsword]

It would take some time, probably around the next 50 years. Just kidding! 😁😆 I'm really excited about creating tutorial videos on different programming languages. Stay tuned and continue to show your support. 🫰

[@thetoicxdude2203]

Can build a chat website?

[@codzsword]

I appreciate your feedback, and at the moment, my focus is on content that resonates more with our intended audience. Given that the previous portfolio website and web components video tutorial didn't quite hit their target, I want to ensure that our new content has broader appeal and higher search potential.

[@thetoicxdude2203]

​@@codzsword😮

[@codzsword]

😥😢

[@aguswidi9316]

I came here for the music. I swear

[@codzsword]

This is the best compliment I have received so far. 🤣😂 And for those who complain about the background music in this video, check this. kzbin.info/www/bejne/gpvWdKx-lJp4iNU

[@abzalomkyeuwkyeuw]

You not finish yet with .sidebar-footer

[@codzsword]

Hmmm....

[@techno7761]

Where are results of clicking submenus?

[@codzsword]

It's simply a drop-down menu. You can link your page using an a href tag.

[@SEO-Content-2024]

hey bro, would you like to join my agency I have started recently. The payments will be project based. Let me know.

[@codzsword]

Could you please send an email?

[@vocalcorer]

why dropdown doesn't work on every button?

[@codzsword]

Cause it does not have dropdown link to show.

[@ettitaiwo1642]

thank you so much but i just copied the code tho

[@codzsword]

Copied?? Did you follow the tutorial??

[@sadiajaved8241]

thanks bro

[@codzsword]

Subscribed bro? 😉