Créer l'interactivité

Il faut utiliser un langage de programmation, le Javascript pour commander par un clic sur le bouton l'affichage ou le masquage du menu et la transformation du bouton barres en bouton croix.

Les étapes pour l'interactivités

1. Masquer le menu
   Cela se fait en CSS avec la propriété display et la valeur "none".

   nav#principale {
   		display: none;/*A la fin*/
   		width: 100%;
   		position: fixed; top: 50px; left:0;
   		background: #00a1f2;
   	}

2. Appel à un script
   Avant la fin de la balise body, Faire un lien avec le fichier javascript qui se trouve dans le dossier js

   <script src="js/bouton-menu.js"></script>

3. Copier le lien script
   Le coller avant l'apple au script.

   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>	

   Au final on aura ces deux lignes de code dans l'ordre

   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
   <script src="js/bouton-menu.js"></script>