Bootstrap dropdowns
Currently i am learning front-end on a platform and i am currently in the bootstrap modules.
While being at the navbar part of the course i had to make a navbar, but since i wanted to practice some more i decided to try and make a random navbar from any site.
I had WZhub open and decided to make that one.
Almost finished i ran into a problem with my dropdowns. the problem is:
When being in a screensize smaller dan LG (992px), my middle sector going collapses into a offcanvas and my dropdowns on the right side open up inside the navbar.
which is not the case when i resize to a > 992px screen.
What i want is the same result of a dropdown overlay when the screensize is >992px, when i am in a <992px screensize.
I am unable to find the problem nor can find anything in the bootstrap docs how to solve this.
Code:
Hope anyone is able to help.
Every feedback on the code is welcome though.
Cheers
While being at the navbar part of the course i had to make a navbar, but since i wanted to practice some more i decided to try and make a random navbar from any site.
I had WZhub open and decided to make that one.
Almost finished i ran into a problem with my dropdowns. the problem is:
When being in a screensize smaller dan LG (992px), my middle sector going collapses into a offcanvas and my dropdowns on the right side open up inside the navbar.
which is not the case when i resize to a > 992px screen.
What i want is the same result of a dropdown overlay when the screensize is >992px, when i am in a <992px screensize.
I am unable to find the problem nor can find anything in the bootstrap docs how to solve this.
Code:
Hope anyone is able to help.
Every feedback on the code is welcome though.
Cheers
message.txt4.89KB
