hej pisze strone z bootstrapem i zrobiłem tam navbar w ktorym po zmniejszeniu strony pojawia się przycisk do rozwinięcia listy na index.php dziala poprawnie ale na podstronie po naciśnieciu na przycisk lista nie pojawia się
tak wyglada kod w index.php:
<!DOCTYPE HTML>
<html lang="ENG">
<head>
<meta http-equiv="refresh" content="600">
<meta charset="utf-8"/>
<meta name="viewport "width=device-width, height=device-height, initial-scale=1 shrink-to-fit=no">
<meta name="description" content="list of the best opportunities to invest"/>
<meta name="keywords" content="money, cash, investors, occasion, earnings"/>
<meta http-equiv="X-UA-Compatibleompatible Content="IE=edge, chrome=1/>
<link rel="stylesheet" href="css/bootstrap.min.css"
<link rel="stylesheet" href="style.css" />
<link rel="stylesheet" href="css/fontello.css"/>
<link rel="shortcut icon" href="img/icon.png"/>
<link href="https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;1,300;1,400&display=swap" rel="stylesheet">
<title>investors sky|home</title>
</head>
<body>
<div class="container-fluid" style="padding: 0px;">
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<a class="navbar-brand"><i class="icon-clouds-inv"></i> </a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<div class="navbar-nav">
<a class="nav-item nav-link " href="index.php">Home<span class="sr-only">(current)</span></a>
<a class="nav-item nav-link" href="#">contact</a>
<a class="nav-item nav-link" href="#">about</a>
<a class="nav-item nav-link" href="#">app</a>
</div>
</div>
</nav>
<div class="row" style="text-align: center;">
<div class="col-md-6 col-lg-4 col-xl-2 figure" style="margin-top: 15px; margin-bottom: 50px;">
<a href="xank.php" style="text-decoration: none; color: black;">
<img src="img/XANK.png">
<figurecaption><br>Xank<br>(XANK)</figurecaption>
</div>
</a>
<div class="col-md-6 col-lg-4 col-xl-2 figure" style="margin-top: 15px; margin-bottom: 50px;">
<img src="img/AR.png">
<figurecaption><br>AR<br>(AR)</figurecaption>
</div>
<div class="col-md-6 col-lg-4 col-xl-2 figure" style="margin-top: 15px; margin-bottom: 50px;">
<img src="img/BNOX.png">
<figurecaption><br>BNX<br>(BNX)</figurecaption>
</div>
<div class="col-md-6 col-lg-4 col-xl-2 figure" style="margin-top: 15px; margin-bottom: 50px;">
<img src="img/BGL.png">
<figurecaption><br>bgl<br>(BGL)</figurecaption>
</div>
<div class="col-md-6 col-lg-4 col-xl-2 figure" style="margin-top: 15px; margin-bottom: 50px;">
<img src="img/CODEO.png">
<figurecaption><br>codeo<br>(CODEO)</figurecaption>
</div>
<div class="col-md-6 col-lg-4 col-xl-2 figure" style="margin-top: 15px; margin-bottom: 50px;">
<img src="img/ETNXP.png">
<figurecaption><br>ETNXP<br>(ETNXP)</figurecaption>
</div>
<div class="col-md-6 col-lg-4 col-xl-2 figure" style="margin-top: 15px; margin-bottom: 50px;">
<img src="img/MNS.png">
<figurecaption><br>Monnos<br>(MNS)</figurecaption>
</div>
<div class="col-md-6 col-lg-4 col-xl-2 figure" style="margin-top: 15px; margin-bottom: 50px;">
<img src="img/ACE.png">
<figurecaption><br>Ace<br>(ACE)</figurecaption>
</div>
<div class="col-md-6 col-lg-4 col-xl-2 figure" style="margin-top: 15px; margin-bottom: 50px;">
<img src="img/LMY.png">
<figurecaption><br>LUNCHMONEY<br>(LMY)</figurecaption>
</div>
<div class="col-md-6 col-lg-4 col-xl-2 figure" style="margin-top: 15px; margin-bottom: 50px;">
<img src="img/AER.png">
<figurecaption><br>Aeryus<br>(AER)</figurecaption>
</div>
<div class="col-md-6 col-lg-4 col-xl-2 figure" style="margin-top: 15px; margin-bottom: 50px;">
<img src="img/LYFE.png">
<figurecaption><br>lyfe<br>(LYFE)</figurecaption>
</div>
<div class="col-md-6 col-lg-4 col-xl-2 figure" style="margin-top: 15px; margin-bottom: 50px;">
<img src="img/IRA.png">
<figurecaption><br>Diligence<br>(IRA)</figurecaption>
</div>
</div>
<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>
<footer>
<div class="row">
<div class="col-12 bg-dark" style="text-align: center;">
<p class="text-white">investors sky©<?php echo date('Y'); ?></p>
</div>
</div>
</div>
</footer>
</body>
</html>
a tak w podstronie w ktorej przycisk nie działa:
<!DOCTYPE HTML>
<html lang="ENG">
<head>
<body>
<div class="container-fluid" style="padding: 0px;">
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<a class="navbar-brand"><i class="icon-clouds-inv"></i> </a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<div class="navbar-nav">
<a class="nav-item nav-link " href="index.php">Home<span class="sr-only">(current)</span></a>
<a class="nav-item nav-link" href="#">contact</a>
<a class="nav-item nav-link" href="#">about</a>
<a class="nav-item nav-link" href="#">app</a>
</div>
</div>
</nav>
<meta http-equiv="refresh" content="600">
<meta charset="utf-8"/>
<meta name="viewport "width=device-width, height=device-height, initial-scale=1 shrink-to-fit=no">
<meta name="description" content="list of the best opportunities to invest"/>
<meta name="keywords" content="money, cash, investors, occasion, earnings"/>
<meta http-equiv="X-UA-Compatibleompatible Content="IE=edge, chrome=1/>
<link rel="stylesheet" href="css/bootstrap.min.css"
<link rel="stylesheet" href="style.css" />
<link rel="stylesheet" href="css/fontello.css"/>
<link rel="shortcut icon" href="img/icon.png"/>
<link href="https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;1,300;1,400&display=swap" rel="stylesheet">
<title>investors sky|XANK</title>
</head>
<div class="row">
<div class="col-12 col-sm-12 col-md-6" style=" padding-top: 100px; width: 300px; padding-left: 100px; padding-right: 10px;">
<img src="img/XANK.png">
<span style="font-size: 25px;">xank</span> <span class="text-muted">(XANK)</span>
<ul class="list-group list-group-flush" style="width: 300px;">
<li class="list-group-item"><a href="https://xank.io/" style="text-decoration: none; color: black;" target="_blank"><i class="icon-globe">website 1</a></i></li>
<li class="list-group-item"><a href="https://xank.app/" style="text-decoration: none; color: black;" target="_blank"><i class="icon-globe">website 2</a></i></li>
<li class="list-group-item"><a href="https://t.me/XankCrypto" style="text-decoration: none; color: black;" target="_blank"><i class="icon-telegram">contact</a></i></li>
</ul>
</div>
<div class="col-12 col-sm-12 col-md-6" style="margin-left: 0px; padding-top: 80px; padding-left: 100px ;">
<script src="https://widgets.coingecko.com/coingecko-coin-price-chart-widget.js"></script>
<coingecko-coin-price-chart-widget coin-id="xank" currency="usd" height="250" locale="en" width="350" background-color="#ffffff"></coingecko-coin-price-chart-widget>
</div>
<div class="col-12">
<script src="https://widgets.coingecko.com/coingecko-coin-compare-chart-widget.js"></script>
<coingecko-coin-compare-chart-widget coin-ids="xank" currency="usd" locale="en" type="price"></coingecko-coin-compare-chart-widget>
</div>
</div>
<footer>
<div class="row">
<div class="col-12 bg-dark" style="text-align: center;">
<p class="text-white">investors sky©<?php echo date('Y'); ?></p>
</div>
</div>
</div>
</footer>
</body>
</html>