Hallo,
kan iemand me vertellen hoe ik de width van mijn bootstrap menu kan aanpassen?
De kleine gemeentes gaan al naast elkaar, maar ik wil dat er meerdere naast elkaar gaan zodat de lijst niet te lang is? thx in advance
- bootstrap menu
-
02-12-2015, 21:15 #1
- Berichten
- 29
- Lid sinds
- 9 Jaar
bootstrap menu
-
02-12-2015, 21:17 #2
- Berichten
- 29
- Lid sinds
- 9 Jaar
Re: bootstrap menu
.dropdown-menu{
min-width: 300px;
}
wanneer ik dat toevoeg is het al beter maar ik werk liever niet met pixels, iemand een betere oplossing?
-
02-12-2015, 21:18 #3Particulier
- Berichten
- 225
- Lid sinds
- 10 Jaar
Re: bootstrap menu
Dat lijkt mij gewoon de padding of de margin van je navigatie!
Kom je heel makkelijk achter. Even rechtermuisknop en element inspecteren (In Chrome), dan kan je zo de goede class vinden waar het om gaat, daar even de aanpassingen testen en dan doorvoeren in je CSS, moet zeker goed komen! Als het niet met je padding lukt qua afmetingen kan je natuurlijk altijd de dropdown nog wat breder maken!
-
02-12-2015, 21:19 #4Particulier
- Berichten
- 225
- Lid sinds
- 10 Jaar
Re: bootstrap menu
width: 100%
max-width: 300px;
Je hebt dan de breedte op 100% staan, en de maximale breedte op 300 pixels, zo heb je het gewoon responsive!
-
02-12-2015, 21:26 #5
- Berichten
- 29
- Lid sinds
- 9 Jaar
-
02-12-2015, 21:28 #6
- Berichten
- 1.290
- Lid sinds
- 13 Jaar
Re: bootstrap menu
300 pixels breed is op een iPhone geen probleem.
-
02-12-2015, 21:28 #7
- Berichten
- 29
- Lid sinds
- 9 Jaar
Re: bootstrap menu
de class van de ul waar de li's inzitten is dropdown-menu met deze op 100% te zetten lukt dit niet wanneer de ik de container er boven wat dropdown als class heeft op 100 zet is mijn menu helemaal omzeep
Dat lijkt mij gewoon de padding of de margin van je navigatie!
Kom je heel makkelijk achter. Even rechtermuisknop en element inspecteren (In Chrome), dan kan je zo de goede class vinden waar het om gaat, daar even de aanpassingen testen en dan doorvoeren in je CSS, moet zeker goed komen! Als het niet met je padding lukt qua afmetingen kan je natuurlijk altijd de dropdown nog wat breder maken!
-
02-12-2015, 21:35 #8
- Berichten
- 1.290
- Lid sinds
- 13 Jaar
Re: bootstrap menu
De max-width is ook belangrijk.
Want anders neemt die gewoon 100% van het scherm in.
Dat is alleen de bedoeling bij schermen onder de 300px. Dan pakt die namelijk 100% ipv 300px.
-
02-12-2015, 21:38 #9
- Berichten
- 29
- Lid sinds
- 9 Jaar
Re: bootstrap menu
dank, het is al beter, als ik het goed heb kan ik max 320 px gaan voor iphones en dergelijke?
-
02-12-2015, 21:39 #10
- Berichten
- 29
- Lid sinds
- 9 Jaar
Re: bootstrap menu
het is inderdaad al beter zo, een voorbeeld zie je op www.weggeefgroep.be
-
03-12-2015, 13:34 #11gast59522 Guest
Re: bootstrap menu
Ik vind het nu alleen maar onoverzichtelijker.. Is het niet beter om met een soort van tabel te werken? Dat ze naast elkaar staan, maar ook netjes onder elkaar en niet alles door elkaar? Uiteraard op alfabetische volgorde.
-
03-12-2015, 13:39 #12
- Berichten
- 1.290
- Lid sinds
- 13 Jaar
Re: bootstrap menu
Mega menu heet dat, zijn vast wel bootstrap examples van!
Plaats een
- + Advertentie
- + Onderwerp
Marktplaats
Webmasterforum
- Websites algemeen
- Sitechecks
- Marketing
- Domeinen algemeen
- Waardebepaling
- CMS
- Wordpress
- Joomla
- Magento
- Google algemeen
- SEO
- Analytics
- Adsense
- Adwords
- HTML / XHTML
- CSS
- Programmeren
- PHP
- Javascript
- JQuery
- MySQL
- Ondernemen algemeen
- Belastingen
- Juridisch
- Grafisch ontwerp
- Hosting Algemeen
- Hardware Info
- Offtopic