Bootstrap 4 navbar - problem

0

Hey,
Mam dwa problemy z navbar'em z Bootstrap 4.

  1. Chcę ustawić na sztywno wysokość dla navbar'a, ale w trybie responsywnym podczas rozwijania menu, toggler o kilka px idzie do góry a na Chrome ucieka gdzieś w kosmos. Nie ma tego efektu jeśli usunę ustawioną wysokość.
  2. Drugi problem dotyczy elementu container. Chciałbym aby przy szerokości ekranu poniżej 768px container rozszerzał się na całą szerokość ekranu (tak jak było w wersji 3 Bootstrap'a)

Kod: https://www.codeply.com/go/PwfyiJHRD9

Pozdr.

0

nie możesz ustalać na sztywno i to jeszcze w px, jak już to w rem, vh i wykorzystaj media queries

0

Zrobiłem tak:

  1. Ustawiłem na sztywno wysokość dla header'a
  2. W navbar nie ustawiłem wysokości na sztywno ale ustawiłem wysokość linii dla nav-link na poziomie wysokości header'a. Dzięki temu również :hover dla nav-link obejmuje całą wysokość navbar'a
    W przypadku container za pomocą miedia queries ustawiłęm max-width na 100% dla max-width: 767px;
    Właściwie wszystko działa tak jak chciałem

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