• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

question-closed Hamburgerowe menu nie odpowiada/Bootstrap

Object Storage Arubacloud
0 głosów
107 wizyt
pytanie zadane 26 maja 2020 w HTML i CSS przez WasiliewSaszka Użytkownik (700 p.)
zamknięte 26 maja 2020 przez WasiliewSaszka

Witam wszystkich. 

Natrafiłem na problem gdzie nie jestem nawet w stanie ustalić dokładnie dlaczego występuje błąd. 

Menu hamburgerowe które po kliknięciu powinno wyświetlać sekcje jedna pod drugą nie odpowiada, a co gorsze nie mam pojęcia czemu.

Menu pojawia się dopiero po przeskalowaniu do wielkości md.

Kod:

<!DOCTYPE html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title> abc </title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="styl.css">
</head>
<body data-spy="scroll" data-target="#navbarResponsive">


<!-- Start Header settings -->

<div id="Produkty">
   <nav class="navbar navbar-expand-md navbar-dark bg-dark fixed-top">
      <a class="navbar-brand" href="#"><img src="logo.png"></a>
	     <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive">
		    <span class="navbar-toggler-icon"></span>
		       </button>
			      <div class="collapse navbar-collapse" id="navbarResponsive">
				     <ul class="navbar-nav ml-auto">
					    <li class="nav-item">
						   <a class="nav-link" href="#Produkty"><h3>Produkty</h3></a>
						      </li>
						         <li class="nav-item">
							        <a class="nav-link" href="#informacje"><h3>Informacje</h3></a>
								       </li>
								          <li class="nav-item">
									         <a class="nav-link" href="#kontakt"><h3>Kontakt</h3></a>
											    </li>
									               <li class="nav-item">
										              <a class="nav-link" href="#rabaty"><h3>Rabaty</h3></a>
													     </li>
											                <li class="nav-item">
												               <a class="nav-link" href="#wiecej"><h3>Więcej</h3></a>
															      </li>
																     </ul>
				                                                        </div>    
                                                                           </nav>
                                                                        <!-- End Header settings -->
																     </div>
																  <!-- End Produkty section -->
															   <!-- Start Informacje section -->
															<div id="informacje" class="offset">
													     </div>
													  <!-- End Informacje section -->
												   <!-- Start Kontakt section -->
												<div id="kontakt" class="offset">
										     </div>
										  <!-- End Kontakt section -->
									   <!-- Start Rabaty section -->
									<div id="rabaty" class="offset">
								 </div>
							  <!-- End Rabaty section -->
						   <!-- Start Wiecej section -->
						<div id ="wiecej" class="offset">
				     </div>
				  <!-- End Więcej section -->
								 
											 

 

<!-- Start Script src -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="js/bootstrap.min.js></script>
<!-- End Script src -->
</body>
</html>

Dzięki za każdą możliwą pomoc :)

komentarz zamknięcia: wszystko jasne

1 odpowiedź

+1 głos
odpowiedź 26 maja 2020 przez DawidK Nałogowiec (37,910 p.)
wybrane 26 maja 2020 przez ScriptyChris
 
Najlepsza

Prawdopodobnie nie odpala Ci się JS z bootstrapa, masz nie domknięty cudzyslów

<script src="js/bootstrap.min.js></script>

 

komentarz 26 maja 2020 przez WasiliewSaszka Użytkownik (700 p.)
edycja 26 maja 2020 przez WasiliewSaszka
Problem nadal się nie rozwiązał, ale jestem już bliżej niż dalej. Łap plusa:)

Jestem głąb patentowany zapomniałem zapisać. Zapisałem i działa. Dzięki wielkie za pomoc

jesteś wielki.

Podobne pytania

0 głosów
4 odpowiedzi 1,791 wizyt
pytanie zadane 13 marca 2016 w HTML i CSS przez ShadoWs Bywalec (2,800 p.)
0 głosów
1 odpowiedź 353 wizyt
0 głosów
1 odpowiedź 519 wizyt

92,580 zapytań

141,432 odpowiedzi

319,664 komentarzy

61,965 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...