Partage

Exercices du cours Bootstrap / Vos questions

4 décembre 2014 à 22:22:55

Bonjour à tous et bienvenue à tous ceux qui participent au cours "Prenez en main Bootstrap" !
Les exercices de la première partie de ce cours seront ouverts dès le 9 décembre. Je vous invite à poster vos questions ici. J'essaierai de passer régulièrement, mais n'hésitez pas à discuter entre vous et à vous entraider, en essayant de ne pas divulguer de solutions cependant.
Si vous avez des problèmes techniques avec les activités, vous pouvez contacter directement OpenClassrooms à l'adresse suivante : hello@openclassrooms.com
À très bientôt !
13 décembre 2014 à 11:29:02

Bonjour,

Il ya des soucis dans la correction du dernier tp du cours.

Dans la notation scroolpy vaut 0 du coup on ne peut pas noter.

Et j'avais effectuer 1 correction et elle à disparu

15 décembre 2014 à 8:51:13

Bonjour,

notes du premier quizz :

2 mauvaises réponses = 7/ 10, n'y aurait-il pas une erreur ?

Merci

Alain

Autant pour moi, j'ai omis de répondre à une question.

Désolé

-
Edité par amlpq 15 décembre 2014 à 8:53:52

L'histoire ne consiste pas seulement en une succession de dates, mais elle raconte surtout qui vous êtes et d'où vous venez................
15 décembre 2014 à 12:38:49

@tribaljam

Souci transmis et corrigé.

Cordialement.

15 décembre 2014 à 14:15:39

Hello à tous !

Souci corrigé ! Merci beaucoup à vous et bon apprentissage !

Anouck d'OpenClassrooms

Ancienne CM d'OpenClassrooms - Plus d'infos ici ! 
Mentors 15 décembre 2014 à 15:50:39

Je n'arrive pas à télécharger le fichier zip contenant les éléments pour l'exercice de la partie 2. Pour être plus précis, mon navigateur le télécharge mais lorsque j'ouvre le zip téléchargé, il est vide...

Y aurait-il une autre manière de récupérer les éléments en question (quitte à reproduire moi-même l'arborescence ensuite, pas de soucis) ?

EDIT: c'est finalement résolu, je nsais pas vraiment comment mais j'ai réussi à télécharger les fichiers.

-
Edité par xdNDev 15 décembre 2014 à 23:23:32

21 décembre 2014 à 19:49:52

Bonsoir,

j'ai des problèmes de correction, fichier zip vide et fichier zip contenant un devoir python.

Alain

-
Edité par Alain18200 21 décembre 2014 à 19:51:23

22 décembre 2014 à 9:55:06

Bonjour Alain,

je vous conseille d'attendre 24h, un autre devoir va vous être attribué. Merci pour votre compréhension.

Anouck d'OpenClassrooms
Ancienne CM d'OpenClassrooms - Plus d'infos ici ! 
22 décembre 2014 à 11:29:18

Bonjour ,

Je me prends énormément la tete sur l'exercice de la partie 2 avec le corps...

Lorsque j'imbrique les rows , je n'ai plus du tout de marges et je n'arrive pas à aligner mes éléments à la base et lorsque je n'imbrique pas les rows , je me retrouve avec des marges de 15px de chaques cotés ...

Quelqu'un aurait une astuce avant que je mette des coups de marteau dans mon écran ou il vous faut le code ?

Merci

Seul ceux qui prennent le risque d'échouer spectaculairement réussiront brillamment.
22 décembre 2014 à 11:35:51

Quelqu'un aurait une astuce avant que je mette des coups de marteau dans mon écran ou il vous faut le code ?

Volontiers, OC ne dispense pas (encore) de certifications sur la voyance ;)

Retrouvez-moi aussi sur Zeste de SavoirTutoriel WAMP • Nouvelle F.A.Q. PHP
22 décembre 2014 à 13:39:55

Bonjour,

@flushdrew ce n'est pas la peine d'imbriquer les rows (bien que ce soit faisable), les éléments peuvent se positionner "naturellement". Pour les paddings il faut établir des règles pour surcharger ceux donnés par défaut par Bootstrap pour avoir les marges désirées, c'est pour cette raison que j'ai préparé dans le fichier de base les @media. le double objectif de l'exercice est : utiliser la grille et comprendre le système de marges de Bootstrap pour l'adapter au besoin (ce qui est très souvent nécessaire).

22 décembre 2014 à 13:45:40

Bonjour,

Moi j'ai un soucis pour avoir le titre h1  toujours centré avec le logo a gauche ;(  un petite aide serait la bienvenue :)

Merci d'avance.

22 décembre 2014 à 16:41:49

bonsoir,

Archive vide pour l'exercice 1 à corriger. en revanche pas de pb pour les autres.

que faire ?

merci d'avance,

Vincent

qu'est ce qui dit ?
22 décembre 2014 à 16:45:27

etales a écrit:

bonsoir,

Archive vide pour l'exercice 1 à corriger. en revanche pas de pb pour les autres.

que faire ?

merci d'avance,

Vincent


Bonsoir Vincent, La meilleure solution est que tu attendes 24h et un autre devoir te sera attribué.
Merci à toi

Anouck d'OpenClassrooms.
Ancienne CM d'OpenClassrooms - Plus d'infos ici ! 
22 décembre 2014 à 16:59:59

@lolox il y a la classe "text-center" de Bootstrap qui peut aider...
22 décembre 2014 à 17:25:21

bonjour,

Je suis nouvelle quelqu'un pourrai m'expliquer comme ça marche? les cours? et les exercices?

22 décembre 2014 à 17:51:03

bestmomo a écrit:

@lolox il y a la classe "text-center" de Bootstrap qui peut aider...


Oui merci mais le problème avec la class "text-center" elle va centrer le titre h1 en rapport avec la largeur  du conteneur à droite et le logo sur la gauche, du coup ca n'est pas centrer en plein milieu de l'ecran mais entre le logo et la droite de la page.

Je parle pour les moyens et grands écrans.

Merci d'avance.

22 décembre 2014 à 19:08:45

@lolox et en prévoyant 2 colonnes pour le logo et 8 pour le titre ?

-
Edité par bestmomo 22 décembre 2014 à 19:11:37

22 décembre 2014 à 19:26:34

bestmomo a écrit:

@lolox et en prévoyant 2 colonnes pour le logo et 8 pour le titre ?

-
Edité par bestmomo il y a 7 minutes


Oh vache merci :) je cherche trop compliqué, c'est surtout des réflexes et une logique à apprendre / mémoriser à force de pratiquer.

Merci

24 décembre 2014 à 1:43:33

Bonjour,

J'ai peur de passer un pour un idiot, mais pourquoi assets dans

<script src="assets/js/bootstrap.min.js"></script> 


Autre question, les premiers bouts de code en début de 3ème partie, à propos
de "l'accordéon" de jQuery, sont ils opérationnels en l'état ? Je n'ai pas réussi à les faire
fonctionner en les copiant dans mon éditeur de texte. Et j'ai modifié les link.

Merci

PS: J'espère que je post au bon endroit :-)
24 décembre 2014 à 18:30:05

J'ai reçu ma correction pour la partie 2. Hélas un des correcteurs semble n'avoir pas pu ouvrir mon zip,les deux autres oui. Je trouve un peu dommage que cela m'occasionne un zéro pointé ...
25 décembre 2014 à 11:52:34

Salut!

Je trouve ce cours cool, mais surtout lassant (ou en tout cas dure à suivre).
Il faudrait veiller à partitioner les étapes du cours, mieux vaut faire 10 courtes parties, plutôt que 3 longues !
C'est mon avis.

En tout cas Merci pour ce cours !
25 décembre 2014 à 21:53:56

Salut,

Dans la partie 1: chapitre 3 (Un peu de pratique), j'essaye de pratiquer quelques exemples donnés dans ce chapitre. Je veux savoir pourquoi lorsque j'utilise le CDN de la version 3.2.0 :

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">

l'exemple s'éxécute parfaitement, et pas avec la version 3.3.1:

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet">
Cordialement, MALEK Jamel
26 décembre 2014 à 8:15:24

Bonjour,

 Un problème de compatibilité je suppose.

Bonnes fêtes de fin d'année

Alain


MALEKJm a écrit:

Salut,

Dans la partie 1: chapitre 3 (Un peu de pratique), j'essaye de pratiquer quelques exemples donnés dans ce chapitre. Je veux savoir pourquoi lorsque j'utilise le CDN de la version 3.2.0 :

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">

l'exemple s'éxécute parfaitement, et pas avec la version 3.3.1:

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet">


26 décembre 2014 à 9:56:26

Et alors!! Logiquement, une nouvelle version s'adapte et y compris les anciennes techniques. "bizarre"
Cordialement, MALEK Jamel
26 décembre 2014 à 11:48:48

MALEKJm a écrit:

Et alors!! Logiquement, une nouvelle version s'adapte et y compris les anciennes techniques. "bizarre"


Bonjour,

La rétrocompatibilité n'est pas assurée avec Bootstrap. Le cours a été conçu pour la version 3.2 et tous les exemples sont fonctionnels pour cette version. La version 3.3 a validé 352 commits, ce qui est tout de même important. Si un exemple ne fonctionne pas avec cette version il faut aller en chercher la raison dans la liste des modifications.

Je passerai en revue tous ces éléments pour mettre le cours à jour mais je ne pense pas qu'il y ait beaucoup de modifications. Par contre la version 4 apportera de nombreux changements (remaniement de la grille, un nouveau composant pour remplacer les well, panneaux et thumbnails, une nouvelle barre de navigation...).

26 décembre 2014 à 16:33:55

Bonjour à toutes et tous,

Oui je confirme qu'il vaut mieux prendre le CDN 3.2.0, car pour ma part, je n'arrive pas à reproduire les exemples à partir de Partie 1 "Premiers Pas" / Chapitre 2 "Une grille ?" / Exemple "Une seule rangée".

Bonne lecture à vous et merci pour ce cours, même s'il nécessitera une mise à jour. :)

Laura

Love. Bisou.
27 décembre 2014 à 2:53:24

Très bon cours , grand merci (y)
27 décembre 2014 à 11:16:34

lafilledacote a écrit:

Oui je confirme qu'il vaut mieux prendre le CDN 3.2.0, car pour ma part, je n'arrive pas à reproduire les exemples à partir de Partie 1 "Premiers Pas" / Chapitre 2 "Une grille ?" / Exemple "Une seule rangée".


Bonjour,

La version 3.3 est récente et il faudra un peu de temps pour la mise à jour du cours...

Mais j'ai commencé à tester cette version (la 3.3.1) et pour moi tous les exemples des chapitres 2 et 3 fonctionnent parfaitement parce que la grille n'a pas été modifiée o_O.

-
Edité par bestmomo 27 décembre 2014 à 11:30:02

Exercices du cours Bootstrap / Vos questions

× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
  • Editeur
  • Markdown