Gdzie moge zmienic szerokość dla jakiej pojawia sie hamburger w nav-barze w Bootstrapie? Mam w navbarze 4 linki w jednej linii i przy mniejszsych rozdzielczosciach rozwala mi sie w dwie linie, a tego nie chce, dlatego chce, zeby hamburger pojawial sie zanim nav zlamie sie w dwie linie.
Z gory dzieki za odpowiedz.
Zmiana szerokości dla hamburgera w Bootstrap
- Rejestracja: dni
- Ostatnio: dni
- Postów: 77
- Rejestracja: dni
- Ostatnio: dni
- Postów: 423
Jednym ze sposobów jest edycja za pomocą LESS
@grid-float-breakpoint: @screen-sm-min;
/* zmień to na md, wtedy przy rozdziałce tabletowej pokaże się burger, albo wpisz co tam chcesz */
@grid-float-breakpoint: @screen-md;
- Rejestracja: dni
- Ostatnio: dni
- Postów: 16
Witam. Pojawia się przy mniejszej szerokości niż podana niżej (czyli 768px). Jeśli chcesz, zmień na szerokość jaka Cię interesuje i zmień wartość display.
@media (min-width: 768px)
.navbar-toggle {
display: none;
}
- Rejestracja: dni
- Ostatnio: dni
- Postów: 72
@radziol6 dziękuję za odpowiedź
jednak nie zupełnie o to chodziło, poniżej zamieszczam link do kodu, który chciałabym aby posiadał breakpointa przykładowo przy szerokości okna 1000px
https://jsfiddle.net/m6862f3p/
wiem, że na internecie jest wiele wątków na ten temat, jednak żaden z nich nie pomógł mi na znalezienie prostego rozwiązania (chyba że ono nie istnieje?)
- Rejestracja: dni
- Ostatnio: dni
- Postów: 16
Witam. Najszybszą opcją będzie wygenerowanie nowego pliku bootstrap. Musisz wejść na stronę http://getbootstrap.com/ i w zakładkę customize. Potem "Media queries breakpoints" i pozmieniać parę wartości:
@screen-sm
1000px
@screen-sm jest dla tabletów, a @screen-md dla mniejszych deskopów.
Również zmień wartość @screen-md na 1000px. Wtedy na mniejszym ekranie laptopa też będziesz miał menu typu hamburger. Sprawdzałem - u mnie działa.
Zobacz sam https://jsfiddle.net/m6862f3p/1/