Je n'arrive pas à faire fonctionner la navigation mobile de mon site Web

-1

J'ai créé un site Web et j'utilise Bootstrap 3.2.0 avec un thème de conception matérielle. Quand je vais sur mon site et redimensionner la fenêtre pour être plus petit et cliquez sur le bouton pour ouvrir la nav ne se passe rien.Je n'arrive pas à faire fonctionner la navigation mobile de mon site Web

Ceci est mon code:

<html lang="en">  
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> 

<link rel="stylesheet" href="css/bootstrap.min.css"></link> 

<link rel="stylesheet" href="material/dist/css/ripples.min.css"></link> 

<link rel="stylesheet" href="material/dist/css/material-wfont.min.css"></link> 

<link rel="stylesheet" href="fezvrasta.github.io/snackbarjs/dist/snackbar.min.css"></link> 

<meta content="width=device-width, initial-scale=1" name="viewport"></meta> 
<body> 
     <div class="navbar navbar-warning"> 
      <div class="navbar-header"> 
       <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-warning-collapse" aria-controls="navbar"> 
        <span class="icon-bar"></span> 
        <span class="icon-bar"></span> 
        <span class="icon-bar"></span> 
       </button> 
       <a class="navbar-brand" href="javascript:void(0)">Python for Beginners</a> 
      </div> 
      <div class="navbar-collapse collapse navbar-warning-collapse"> 
       <ul class="nav navbar-nav"> 
        <li class="active"><a href="javascript:void(0)">Learn</a></li> 
        <li><a href="javascript:void(0)">Contact</a></li> 
       </ul> 

      </div> 
     </div> 
    </body>  
</html>

Ceci est le site du thème matériel: http://fezvrasta.github.io/bootstrap-material-design/#about

Je ne l'ai pas fait un jsFiddle parce que je ne suis pas sûr de savoir comment ajouter bootstrap à elle.

Le site est en ligne à l'adresse: pythonforbeginners.site90.com

Source

2015-02-26 Subhan Mahmood

Pour ajouter Bootstrap à un violon, ouvrez le volet « Ressources externes » à gauche et entrez l'URL de votre CDN favori dans la zone de saisie. Exemple CDN: //maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js (js), //maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css (css). –

Voici [votre code HTML avec toutes les dépendances incluses] (http://jsfiddle.net/amullins/96ksp2cd/). Dans l'exemple ci-dessus, vous ne liez aucune des bibliothèques javascript impliquées en plus de jQuery. –

aucune balise de script dans le code montré ... est-ce intentionnel? – charlietfl

Inclure le script d'amorçage - sans elle ça ne marchera pas. Ajoutez ceci à votre doc, ci-dessous votre balise script jQuery:

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>

Source

2015-02-26 21:15:11 Ted

Merci. C'est très bien. –

Je n'arrive pas à faire fonctionner la navigation mobile de mon site Web

Répondre

Questions connexes