Navbar w angularze

Question

Chciałbym zrobić navbar, który na dużych ekranach i na średnich (komputer/tablety) navbar był usadzony u góry strony poziomo. Na małych ekranach włączyć opcję Hamburger Menu, gdzie rozwijane memu byłoby z lewej strony. Wiem, że Angular Material udostępnia możliwość wygenerowania takiego navbara, jednak ze względu na fakt że Bootstrap lepiej mi leży, oraz dużo komponentów które potrzebuję bazuje na nim, nie mogę korzystać z Angular Materials. Więc jak najprościej mógłbym wykryć, moment w którym nastąpiłaby zmiana navbara? I przy jakiej rozdzielczości powinno to się zmienić?

Answer 1

Nie mieszaj w to frameworka. Angular korzysta z SASSa wiec napisz sobie swój navbar - masz mase tutoriali jak to zrobic.

Co do szerokości od jakiej ma sie zmieniac - to zalezy tylko od Ciebie. Nie wiem ile pozycji (i jak dlugich) bedzie zawierać ten nav.

Z doświadczenia powiem Ci, że zarówno angular materials jak i bootstrap nie sa najlepszymi rozwiazaniami jeśli będziesz chciał pozniej zmieniac wyglad tych komponentow.

Comments

Angular nie korzysta z SASSa, ma taką możliwość, ale domyślnie korzysta ze standardowego CSS.

---

Tak masz racje. Mój błąd

---

Z Cssów/Scssów jestem dość słaby i wolę na razie korzystać z frameworków które dostarczają już gotowe style. Angular ma takie znaczenie w tworzeniu navbara, że mogą już istnieć komponenty/dyrektywy które można wykorzystać. Nie mniej, zdaję sobie sprawę z tego że jeżeli chcę pracować w jakiejkolwiek frontendowej technologii, css jest niezbędny :D Znalazłem taki navbar korzystający tylko z cssów https://codepen.io/erikterwan/pen/EVzeRP teraz tylko muszę go dostosować, żeby dla dużych ekranów nie korzystać z Hamburger Menu.