lien vers mon site:
https: //inspiring-curran-a31177.netlify. com /
Il utilise GridSome, le générateur de site statique pour VUE.
Lorsque vous descendez sur mobile et cliquez sur le menu Hamburger Bootstrap, il ne s'ouvrira pas. .
J'ai suivi les instructions dans les documents de Gridsome en installant Bootstrapvue: https: //gridsome.org/docs/assets-css/
Il n'y a pas d'erreur JavaScript dans la console.
code de /rsrc/main.js:
3 Réponses :
Avez-vous installé tous les scripts du HTML?
Où allais-je placer ça? J'ai essayé de le mettre dans /src/main.js, il s'agit d'erreurs.
Essayez dans le HTML
J'ai mis à jour ma réponse ci-dessus (nouveau lien et code). J'ai ajouté le fichier bootstrap-vue.min.js, il compile correctement afin qu'il ne le trouve, mais le menu Hamburger ne fonctionnera toujours pas.
Bienvenue à!
Disons que vous utilisez dans votre fichier principal.js pour hamburger Veuillez trouver le codesandbox , où bootstrap Le menu est utilisé espère que cela aide! bootstrap Module NPM.
J'ai mis à jour ma réponse ci-dessus (nouveau lien et code). J'ai ajouté le fichier bootstrap-vue.min.js, il compile correctement afin qu'il ne le trouve, mais le menu Hamburger ne fonctionnera toujours pas
Pouvez-vous ajouter le code de hamburger ici? ou s'il vous plaît trouver le codesandbox , où il fonctionne
Comment travaille-t-il là-bas? Dans le fichier Main.js, je ne vois aucune mention d'une importation de Bootstrap JS.
Bootstrap JS sera automatiquement importé et le gérera avec d'autres JS par WebPack,
trouvé la solution!
Je devais utiliser la barre NAV directement à partir de Bootstrapvue en tant que composant, qui est ici - https://bootstrap-vue.js.org/docs/components/navbar . Au lieu d'utiliser une barre NAVER BOOTSTRAP standard, à partir du site de bootstrap principal.
Avez-vous rencontré une situation où la barre NAV était effondrée même avec la fenêtre en plein écran?
Oui, je l'ai fait, mais j'ai découvert que je purgeais le CSS qui causait la question