Comment contrôler la largeur d'entrée dans Bootstrap 3 sans grilles ?

Gestion de la largeur d'entrée dans Bootstrap 3

Contrôler la largeur d'entrée dans Bootstrap 3 peut être difficile, surtout si l'on évite l'utilisation de la grille ou du CSS supplémentaire.

Question originale :

Comment définir la largeur des entrées dans Bootstrap 3 sans utiliser le système de grille ou des options non documentées ?

Limitations de `.col-lg- Classe x :

L'utilisation de .col-lg-x pour définir la largeur d'entrée n'est pas réalisable car elle ne peut être appliquée qu'au div du conteneur, ce qui entraîne des problèmes de mise en page et de flottement.

Solution :

Pour définir efficacement la largeur de saisie, enveloppez chaque groupe d'entrée dans sa propre ligne, comme indiqué ci-dessous :

<div class="container">
  <form role="form">
    <div class="row">
      <div class="form-group col-lg-1">
        <label for="code">Name</label>
        <input type="text" class="form-control" />
      </div>
    </div>

    <div class="row">
      <div class="form-group col-lg-1">
        <label for="code">Email</label>
        <input type="text" class="form-control input-normal" />
      </div>
    </div>
  </form>
</div>

Considérations supplémentaires :

• Cette solution permet des largeurs de saisie personnalisées quelle que soit la taille de l'écran.
• Elle préserve la disposition Bootstrap tout en garantissant que les largeurs de saisie suivent les spécifications souhaitées.
• Par par défaut, les largeurs de saisie prendront effet sur les écrans plus larges que 95 pixels. Pour personnaliser le point d'arrêt, consultez la documentation du système de grille Bootstrap.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!