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.
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;
@Fi3rce czy mógłbyś rozwinąć temat? samo wpisanie tego fragmentu kodu nic nie daje
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;
}
@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?)
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/