Dans le cours : L'essentiel de Ruby on Rails

Accédez au cours complet aujourd’hui

Inscrivez-vous aujourd’hui pour accéder à plus de 24 600 cours dispensés par des experts.

Poser un squelette HTML responsive

Poser un squelette HTML responsive

Nous allons dans cette vidéo améliorer un peu l’apparence de notre site. Tout d’abord, si vous n’avez pas la dernière version de foundation-rails, vous pouvez la mettre à jour de cette façon. Allez dans votre Gemfile et ajoutez cette information sur la version de foundation-rails. Ensuite, rendez-vous dans votre terminal. Exécutez la commande bundle update foundation-rails. Cette commande mettra à jours la gem foundation sans toucher aux autres. Une fois fait, n’oubliez pas de réexécuter la commande rails g foundation:install. Avant de poursuivre, j’aimerai vous présenter un petit peu la notion de grille en responsive. Le principe de la grille consiste à découper votre page HTML en un ensemble de lignes et de colonnes. Dans le framework foundation, par défaut, il y a 12 colonnes par ligne. Il s’agira ensuite, pour chaque élément de votre site, d’indiquer sur combien de colonnes il s’étale. Par exemple ici, l’entête fera 12 colonnes - à savoir la largeur entière du site - le contenu…

Table des matières