Page 1 of 1

boottrap navigation bar in breakpoints

Posted: Sun May 22, 2022 9:22 pm
by marenko
Pablo

Ik pas bootstrap navigation bar toe op onze website
Ik heb daarin 5 breakpoints default, 768, 600, 468, 320
In elk breakpoint heb ik de menubalk aangepast aan het breakpoint
Als ik het resultaat bekijk op de smartphone, de tablet van 10" zowel horizontaal als vertikaal en ook op de pc 1200px
dan wordt de menubalk niet juist afgebroken in de verschillende breakpoints in horizontale stand

Ik stuur een demoproject naar de support alsook de screen voorbeelden van de smartphone en de tablet.

wat doe ik verkeert?

Re: boottrap navigation bar in breakpoints

Posted: Mon May 23, 2022 6:14 am
by Pablo
Ik denk dat het komt omdat je breakpoint van de master pagina niet overeenkomen met de breakpoints van de pagina.
Ook staan er objecten buiten de viewport, waardoor de browser een scrollbar weergeeft.
Bijvoorbeeld:
masterImage4
masterButton2
master22Text7
Master1FontAwesomeIcon1
Master1Line1

Re: bootstrap navigation bar in breakpoints

Posted: Mon May 23, 2022 7:12 am
by marenko
Pablo u schrijft
Ik denk dat het komt omdat je breakpoint van de master pagina niet overeenkomen met de breakpoints van de pagina.
Mag ik zo vrij zijn te vragen waar kan ik dat zien of wijzigen?

Re: boottrap navigation bar in breakpoints

Posted: Mon May 23, 2022 8:54 am
by Pablo
Je moet er voor zorgen dat de master pagina en pagina's dezelfde breakpoints hebben, anders klopt de layout niet.
Je kunt dit doen in "Manage Breakpoints", zoals je ook voor de andere breakpiojts hebt gedaan...

Re: boottrap navigation bar in breakpoints

Posted: Mon May 23, 2022 2:42 pm
by marenko
Pablo

Naar ik meen heb ik de breakpoints juist ingesteld en toch bied dit geen oplossing.
ik stuur via het support twee screenshots

een van de pc waar deze op 768 px staat
en een waar het resultaat te zien is op de tablet.

Re: boottrap navigation bar in breakpoints

Posted: Mon May 23, 2022 3:04 pm
by Pablo
Ik kan aan de screenshots niet zien wat je hebt gedaan.
Om je hierbij te helpen heb ik het aangepaste project nodig.

Re: boottrap navigation bar in breakpoints

Posted: Mon May 23, 2022 3:34 pm
by marenko
Pablo
Het project is doorgestuurd naar support

Re: boottrap navigation bar in breakpoints

Posted: Mon May 23, 2022 4:50 pm
by Pablo
Ik denk dat het breakpunt van het menu op 768 (of hoger) moet worden ingesteld.
Een tablet is namelijk altijd breeder dan 480 pixels!

Re: boottrap navigation bar in breakpoints

Posted: Mon May 23, 2022 7:57 pm
by marenko
Pablo

Dank u wel voor de gewaardeerde geboden support. Alles heb ik nu op orde gekregen zoals het moet.