Problem z rowijanym menu.

Question

Witam, nie wiem gdzie siedzi problem z rwd menu. Przy zmianie rozdzielczosci przegladarki nie mozną rozwinąć listy zawierającej: O mnie, kontakt, portfolio, wykształcenie itd

http://pracainzynierskatest.pl/problem.html

Kod: 

Problem na screenie: 

Przed zmianą:

Po zmianie rozdzielczości:

 

Answer 1

Atrybut data-target wskazuje na element o id "example", a twoje menu ma id "xample". No więc się nie zgadza. Wystarczy, że poprawisz (dodając literkę e).

Comments

Nic z tego. :( Dodałem update ze stronką.

---

data-target powinno zostać takie jak wcześniej. Czyli powinno wskazywać selektor id, czyli na początku musi być znak #.

+ odpowiedź Arkadiusz Waluk

---

Dzieki działa. ale głupi błąd!!!

Answer 2

Nie wstawiaj zdjęcia kodu bo nie można na nim nic popróbować. Wstawiaj kod jako tekst a jeszcze lepiej wrzuć na CodePen i podaj link - lub daj link bezpośrednio do całej strony z problemem.

Comments

http://pracainzynierskatest.pl/problem.html

Answer 3

Problemem może być to, że skrypt JS Bootstrapa nie jest podpięty. Znaczy się jest, ale przeglądarka nie wiedzieć czemu go nie wczytuje, w konsoli rzuca błędami 500 i rzeczywiście przy próbie otwarcia tego skryptu coś nie działa

http://pracainzynierskatest.pl/js/bootstrap.min.js

Może jakiś błąd w .htaccess gdzieś? Gdyby folder był zablokowany to powinno wywalić 403 a tutaj jest jakiś wewnętrzny błąd serwera. Ciężko powiedzieć, nie wiem co tam więcej masz.

Comments

Ten plik - podobnie jak poprawnie wczytujący się `boostrap.min.css` - jest w podkatalogu `bootstrap` czyli trzeba poprawnić link.

http://pracainzynierskatest.pl/bootstrap/js/bootstrap.min.js

---

Podpietę już prawidłowo. Dalej to samo :(

---

No przecież podałem ci rozwiązanie. Czytaj ze zrozumieniem.

---

A to co @writen napisał? W data-target powinno być z # na początku.

---

widocznie tam jest więcej niż ten jeden błąd ;)

---

Otwórz sobie przykład ze strony Bootstrap i porównaj ze swoim.
Mi wygląda, że jest ten problem co napisał @writen - brak # .

---

Widzę, że nie przyjrzałeś się kodowi z Bootstrap i wstawiłeś # w złym miejscu.

# ma być tylko w `data-target` a nie w `id`

---

Dokładnie! Dzieki