Zmiana szerokości dla hamburgera w Bootstrap

0

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.

0

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;
0

@Fi3rce czy mógłbyś rozwinąć temat? samo wpisanie tego fragmentu kodu nic nie daje

0

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;
}
0

@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?)

1

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/

1 użytkowników online, w tym zalogowanych: 0, gości: 1