Data-toggle et Data-target ne fonctionnent pas comme souhaité

J’ai un exemple de barre de navigation. Mais je ne pouvais pas le réduire car les fonctions “basculement de données” et “cible de données” ne fonctionnaient pas. S’il vous plaît, aidez-moi et donnez également des suggestions s’il y a un autre problème dans mon code. Voici le code:

J’ai créé votre exemple au démarrage et cela fonctionne très bien. Donc, tout ce que je peux voir ici maintenant, c’est que votre bootstrap Js n’est peut-être pas en cours de chargement. Commencez par l’append au-dessus de la page après le bootstrap css et tout devrait bien se passer. Vérifiez-le ici http://www.bootply.com/z2FXC4SKJn