bootstrap 5 responsive mobile navigation menu
HTML-код
- Опубликовано: 27 окт 2020
- bootstrap 5 responsive mobile navigation menu
Please Subscribe:-
/ @chandraja2010
Swiper Events
github.com/john-doherty/swipe...
Git Repo
github.com/frontendfunn/boots...
Happy Coding :D
Bootstrap 4 Theme Customization using SASS | SCSS
• Bootstrap 4 Theme Cust...
Web development | HTML | CSS | SCSS | javascript Tutorials
• web development | HTML...
Social Media Icons Animation
• social media icons htm...
Pure CSS Loading Animation
• html css animation
Bootstrap 4 Tutorials
• Bootstrap 4 Tutorials
#frontendfunn
#webdevelopment
#css3
#bootstrap5
#html5
#javascript
awesome tutorial,, got it perfect on the first try... god bless you man
Thank u so much. It works😃
Perfect! Works great with bootstrap 5 beta 1, Great Job!!!
Hi sir. Am working with bv5 bet3 with offcanvas as the new feature been released but i cant work it out as u did with navbar. Their classes are bite confused to which one to toggle on swipe so it can bring the sidenav out. Thanks
Hey T Maddy, please refer to my new video about the creating dashboard using bootstrap v5... I used offcanvas... There is a bug in offcanvas toggle.. I have just found a work around.. and implemented in in the dashboard video..
Please refer that.. if any issue. Plz msg me here.. thank you.. happy coding
I followed your instructions but the search form doesn't stay in the right corner for me. It goes to the second line, under the navbar-nav.
Please provide your github repo
I will inspect and help you to fix your issue..
Hello Sir, in addition to my earlier question; how to prevent the background from scrolling once the button clicked?
hi swoop, your implementation is bit different from the reference you gave me.
In the reference, the offcanvas menu is created using the bootstrap modal, which prevents the scrolling of background.
so try the offcanvas using the bootstrap modal. Try it. or else ping me here, I will make a tutorial on that. 😊 Happy Coding
@@chandraja2010 Hi Sir, I made both references to make my point clear. I prefer your approach above the modal approach. So if you can add to your tutorial the overlap of the footer and prevent scrolling from the background that would be a great help.
@swoop, prevention of background scroll is very simple.. all you need to do is add the overflow:hidden to the body element when the mobile navbar is opened.. and remove the overflow:hidden the navbar is closed.
what is the plugin name you are using to high light html code
Highlight matching tag ... vscode extension.. it is bit customized
hi , thanks so much , how can activate sidebar , all time .... am not only when size its 992 ?
Hi , Just move this sidebar code in the CSS outside the media query
my dropdown button not worked
Check the repo down in the description
Is this free to use?(without copyright)
Yes the repo link in description.. please check.. Create a pull request if any issues.
So, can I use it in my website to publish without mentioning?
Yes, if you find any issue on production plz create a pull request, so that we can work on the issue. Happy Coding 😀