Utilisation de Twitter Bootstrap
Reprenons le composant créé dans la première partie du tutoriel : component.js, qui n'affiche qu'un "Hello world!".
Voici à quoi il ressemblait :
Nous allons maintenant l'améliorer un peu :
Qu'a-t-on fait ? Rien de bien extraordinaire : on a ajouté une barre de menu et rendu le tout responsive. On peut d'ailleurs redimensionner l'écran pour s'en rendre compte. Si les serveurs ne sont pas démarrés, deux terminaux à lancer :
serveur node :
npm start
serveur php :
php app/console server:run
Puis dans un navigateur : http://localhost:8000
En mode desktop :
En mode mobile :
Pour rendre tout ceci plus propre et modulaire, ce code contenant la barre de menu sera à mettre dans un composant de layout, lui-même incluant un composant header.
Last updated