INPUT ne s'adapte pas à son emplacement

Bonsoir,

J'ai un problème avec mon input il ne s'adapte pas à mon emplacement il est réduit, je pense que mon code est bon ?

mon fichier .html

Code:

---

<input [(ngModel)]="searchText" placeholder="Search..." type="text" class="form control">

---

et j'ai également déclarer ma variable dans mon fichier .ts

Code:

---

serachText = '';

---

votre code est bon.

mais est ce que les classes form et control ont chargés ? est ce que bootstrap est bien chargé ?

tous ls navigateur propose un outil de developpement.
voir avec si c'est bien chargé !

oui elle sont bien chargé des que je rajoute cette ligne les données ne sont plus affichés et tout est désorganisé

je ne comprend pas pourquoi j'ai trouvé control form est control-form ( bizzare il ma retirer - je ne sais pas )

merci encore de votre aide