Discussion :

[liquidP]

Bonjour,

J'aimerai créer une liste qui comprends sur chaque ligne, le nom d'1 service, 3 champs input de nombre et 1 champ affichant une somme résultant des nombres entrés dans les 3 champs précédents (la valeur du champ changeant en fonction des valeurs entrées sans besoin d'appuyer sur un bouton submit)

J'utilise actuellement Angular et j'ai installé Bootstrap



Voila ce que j'ai pour l'instant, j'aimerais que les 2 champs soient sur la même ligne que "Service : Allo" mais je ne sais pas trop comment faire, ils sont aussi beaucoup trop long

Voila mon code




Merci

[Invité]

Bonjour,

• Bootstrap v4 - Grid system
• Bootstrap v4 - Forms

La prochaine fois, merci de copier-coller le code directement dans le contenu du message (pas de copie d'écran).

[liquidP]

Merci pour ces liens, cependant j'avais déjà testé quelques bout de code et ils ne donnent pas le résultat attendu présenté par bootstrap

En essayant un code qui est censé me donner 2 colonne sur une même ligne j'obtiens ceci



Voici le code que j'ai utilisé

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
<li class="list-group-item">
  <h4>Service : Allo</h4>
  <div class="container">
    <div class="row">
      <div class="col">
        1 of 2
      </div>
      <div class="col">
        2 of 2
      </div>
    </div>
  </div>
</li>

[NoSmoking]

Bonjour,
par simple curiosité tu utilises/charges quelle version de BootStrap ?

[liquidP]

Oui c'est une bonne question, au début avec la 3.3.7 puis la 4.1.1 je "charge" bootstrap dans angular avec la commande npm install bootstrap@3.3.7 --save

[Invité]

Il faut la v4 : https://getbootstrap.com

[liquidP]

J'ai aussi fais un essai avec la version 4.1.1(v4 donc ?) mais sans succès, le résultat en sortie ne me donne pas ce qu'il devrait

[NoSmoking]

Comme tu utilises Angular es tu sûr d'avoir bien intégrer BootStrap ?

As tu essayé de « linker » le CSS directement à partir d'un CDN pour voir si tu obtiens le résultat souhaité ?