Partage

Exercices du cours Bootstrap / Vos questions

6 avril 2018 à 19:27:16

Pas de soucis  je n y manquerai pas pour les préoccupations
6 avril 2018 à 20:46:28

Salut,

Quelqu'un à une info à propos de la sortie du nouveau cours Bootstrap pour la version 4 ?

J'ai lu qu'il était rédigé et moi je suis impatient de le lire pour apprendre les nouveautés parce que la doc en Anglais, c'est gentil mais au bout de 10 lignes, je m'endors en plus de comprendre un mot sur deux ... trois ....

M'enfin, si une gentil personne s'est cassé le C** à faire un gros travail pour nous rendre service, ben se serai bien qu'il soit ajouté à la liste des cours, et je pense même que le cour actuel doit rester en ligne pendant encore pas mal de temps car beaucoup d'entre nous utilise encore la V3.

Bref, j'espère qu'ils ne feront pas une actualisation du cour mais belle et bien une création d'un nouveau cour

....et merci OpenClassRooms, ça urge !!!

6 avril 2018 à 22:10:16

d

-
Edité par mathiashanquiniaux 6 avril 2018 à 22:11:09

6 avril 2018 à 22:17:38

heuuu et c'est pour cette réponse sans aucun intérêt que tu poste ????
7 avril 2018 à 20:51:47

<div class="container">
        <div class="row">
          <div class="main-login main-center">
            <legend class="text-center legende"><h2>Inscription</h2></legend>
            <form method="post" action="#" calss="formPatient">
              <div class="form-group">
                <div class="cols-sm-10">
                  <div class="input-group">
                    <input type="text" class="form-control txt" name="nomU" placeholder="Entrer votre nom" id="name" required>
                  </div>
                </div>
              </div>
              <div class="form-group">
                <div class="cols-sm-10">
                  <div class="input-group">
                    <input type="text" class="form-control txt" name="prenomU" placeholder="Entrez votre prénom" required>
                  </div>
                </div>
              </div>
              <div class="form-group">
                <div class="cols-sm-10">
                    <input type="radio" class="sexe" name="sexeU" value="F"> Homme
                    <input type="radio" class="sexe" name="sexeU" value="H"> Femme
                </div>
              </div>
              <div class="form-group">
                <div class="cols-sm-10">
                  <div class="input-group">
                    <input type="text" class="form-control txt" name="ageU" placeholder="Entrez votre age" required>
                  </div>
                </div>
              </div>
              <div class="form-group">
                <div class="cols-sm-10">
                  <div class="input-group">
                    <input type="text" class="form-control txt" name="poidsU" placeholder="Entrez votre poids">
                  </div>
                </div>
              </div>
              <div class="form-group">
                <div class="cols-sm-10">
                  <div class="input-group">
                    <input type="text" class="form-control txt" name="residenceU" placeholder="Entrez votre ville ou quartier de residence" required>
                  </div>
                </div>
              </div>
              <div class="form-group">
                <div class="cols-sm-10">
                  <div class="input-group">
                    <input type="email" class="form-control txt" name="e-mailU" placeholder="Entrez votre e-mail" required>
                  </div>
                </div>
              </div>
              <div class="form-group">
                <div class="cols-sm-10">
                  <div class="input-group">
                    <input type="password" class="form-control txt" name="passU" placeholder="Entrez votre mot de passe" required>
                  </div>
                </div>
              </div>
              <div class="form-group">
                <div class="cols-sm-10">
                  <div class="input-group">
                    <input type="password" class="form-control txt" name="passUconfirme" placeholder="Confirmer votre mot de passe" required>
                  </div>
                </div>
              </div>
              <div class="form-group">
                <div class="cols-sm-10">
                    <input type="submit" class="btn btn-primary btn-lg btn-block" id="button" name="send" value="Enregistrer">
                </div>
              </div>
            </form>
            <a href="connection.php" class="text-center already">Déjà inscrit</a>
          </div>

        </div>
      </div>

Bsr svp une me serais très utile.. J'arrive pas a change la couleur du texte dans les input de type text.. voila le css
.txt {
	font-size: 17px;
	padding-top: 7px;
	width: 423px !important;
	text-align: center;
	background: transparent;
	color: white !important !important;
}
.main-login {
	background: #fff;
	border-radius: 2px;
	box-shadow: 0px 2px 2px rgba(0,0,0,0.3);
	margin-left: 20px;
}
.form-control {
	height: auto !important;
	padding: 8px 12px;
}
.input-group {
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.21);
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.21)!important;
    -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.21)!important;
}
#button {
	margin-top: 33px;
	border-radius: none !important;
	width: 380px !important;
	background: #03c2ff;
	border: 2px white solid;
}
#button:hover {
	margin-top: 33px;
	border-radius: none !important;
	width: 380px !important;
	background: #005ab7;
	border: 2px white solid;
}
.main-center {
	margin-top: 10px;
	margin: 0 auto;
	max-width: 500px;
	padding: 10px 40px;
	background: url(../../v/img/diag9.jpg);
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.31);
}
.login-button {
	margin-top: 5px;
}
.sexe {
	margin-left: 98px !important;
	font-size: 17px !important;
}
.btn-block {
	margin-left: 20px !important;
}
.already {
	margin-left: 175px;
	color: white;
}
.legende {
	color: #dedcda;
}
#zovel tech
8 avril 2018 à 9:46:39

Bonjour,

Pour info j'ai commencé à mettre en ligne le cours Bootstrap 4 sur mon blog.

8 avril 2018 à 20:44:23

Un grand merci à vous Bestmomo

Zovel Tech.Inc , tu devrais peut-être essayer de cibler ton objet  comme ça

.form-group .txt {
....
}

mais essaye de comprendre avant en faisant un clique droit dans la fenêtre de ton navigateur puis examiner l'élément (sous Firefox)

-
Edité par florianboy01 8 avril 2018 à 20:50:14

9 avril 2018 à 14:36:17

Bonjour,

J'essaie d'utiliser les icônes de glyphicons mais les classes données sur leur site ne semblent plus correspondent à celles du cour. Du coup je n'arrive pas à me servir de leurs icônes, ils ne sont pas pris en compte.
Pour info, j'utilise Bootstrap v3.3.7.
Merci pour votre aide.

-
Edité par yoZencolere 9 avril 2018 à 14:37:07

9 avril 2018 à 15:34:59

Bonjour,

Impossible de te répondre sans voir ton code, nous ne sommes malheureusement pas devins. ;)

Tu dois nous aider à t'aider....

Recherche l'avis de développeurs front : Devenir un meilleur dev front ?
11 avril 2018 à 12:35:40 - Message modéré pour le motif suivant : Message complètement hors sujet


abraham.kb98@gmail.com
11 avril 2018 à 17:13:14

Bonjour,

Concernant l'activité 3, toutes les images du carrousel ont des dimensions de 1280x848 sauf "archi3" qui fait 1275x848, est-ce fait exprès pour qu'on redimensionne les images?

Cordialement,

Jean.

-
Edité par Jean_40 11 avril 2018 à 17:13:36

14 avril 2018 à 12:37:15

Bonjour, @Jean_40

Me souviens ne pas les avoir modifiées.

Jean-Yff
15 avril 2018 à 3:41:53

En effet, je me souviens qu'une image n'avait pas les même dimension que les autres.

Perso, je ne me suis pas fait chier, j'ai tout "tronçonner" pour qu'elles aient toutes les mêmes dimensions et éviter le petit "saut" désagréable au changement d'image.

A voir sous réserve si cela fonctionne d'imposer des dimensions directement dans le code, dans l'immédiat, j'ai pas le temps ni l'envie (fatigué) de tester ...

16 avril 2018 à 13:09:49

Oui, ce n'est pas un critère de notation apparemment.

Merci.

Pour ceux qui n'ont pas encore fait l'activité 3, la "créativité" est prise en compte, donc quand on vous suggère de changer la police et autres, faites-le.

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