fitodac / bsnav Goto Github PK
View Code? Open in Web Editor NEWAn extended Bootstrap 4 menu with a bunch of utilities
Home Page: https://fitodac.github.io/bsnav/
License: MIT License
An extended Bootstrap 4 menu with a bunch of utilities
Home Page: https://fitodac.github.io/bsnav/
License: MIT License
Hi, I have a menu that is generated programmatically by the software and it is impossible to know if a submenu item should require a "dropdown-right".
Also, if a standard drop-down menu item with some submenus is located at the end of the menu, they overflow the document and the scrollbars appear in the window.
Look at this: https://codepen.io/Rombecchi/pen/eYmmqKV : a scrollbar appears in the desktop view because the third option has many submenus.
It would be great if a function could check if some dropdown items needed a "dropdown-right" class to add.
Thinking of multiple submenus should support multiple alignment (such as: left-right-left-left-right-right).
This was running alright 2 days ago. Since you've made changes to js files, it is now dependent on older jquery versions. As BS4 recommends jquery 3.3 in their copy paste codes, consider upgrading the js to version jquery 3.3.
Specifically .indexof and .load functions needs to be handled.
in bsnav.css code:
.nav-item.dropdown>.navbar-nav.in {
pointer-events: initial;
clip: rect(0,50vw,2000px,0);
transition: 1.5s ease-in;
}
but it's cropping like this:
I changed clip property and then it worked:
.nav-item.dropdown>.navbar-nav.in {
clip: rect(0,100vw,2000px,0); // or (clip: unset;)
}
My question: why clip property is needed here?
Why so big? Over 22Mb and I stopped downloading it.
Your bsnav is a great navigation which i immediately implement for 2 CMS'es.
I just found a small unperfection at sidebar-levels.html : If it is shiftet into less than 960 px, then the content goes under the navigation (non-responsive wrapper) - and so is not full readable for tablets. A solution could be, to put the sidebar into a grid - col-2 or some other grid or with flex-shrinking.
sidebar-levels-right.html has a similar problem, and sidebar-condensed.html opens suddenly instead of a hamburger.
These examples are of course only a demonstration of possibilities and relativ easy to adapt.
In Your bsnav submenu dropdown transparent You use < div class="navbar navbar-expand-lg bsnav bsnav-transparent" > . This causes a breakpoint at 970 px - a change from navbar-expand-lg to navbar-expand-md causes a correct breakpoint at 760px .
Hi i'm using bsnav for my website. there is some problem.
Chrome is fine but IE11 is not working when using the sub menu :(
Mouse hover function is working well in chrome, but not working in IE 11.
If you have IE 11 Browser, you can find issues in your site below link.
https://fitodac.github.io/bsnav/submenu-dropdown.html
Tell me any work-around this issues.
If a submenu goes out of the viewport is it possible to change its position so it opens on the left of the parent submenu instead of right side?
Can you check the scrollspy version on mobile. It doesn't scroll down and the nav doesn't get closed also. Same in the case of internal hyperlinks.
i have implemented this exactly as said and I couldn't get it to work. The menu button works but on click the sidenav wont open and the styling for the navigation is not applied.
Mega menu does not open/show dropdown items on mobile view port.
Is there a way to change the submenu effect as fade? Dropdowns do have the fade option. But as far as I can see submenus don't?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.