Bootstrap horizontale forme “control-label” pas en responsive style

Je suis en utilisant le "form-horizontal" de la classe avec Bootstrap 2, mais mes étiquettes ne semblent pas être en utilisant le Réactif de style. C'est à quoi il ressemble:

Bootstrap horizontale forme “control-label” pas en responsive style

Quand je l'examiner, il a spécifiquement "width:160px" sur l'étiquette, ce qui est l'ordinaire de Bootstrap, mais la réactivité du style a juste "width:auto".

Mon HTML pour que l'article ressemble à ceci:

<form id="addproject" class="form-horizontal">
    <div class="control-group">
        <label for="title" class="control-label">Title</label>
        <div class="controls">
            <input type="text" name="title" id="title" />
        </div>
    </div>
</form>

OriginalL'auteur James P. Wright | 2012-10-09

  1. 1

    bootstrap.css doit être chargé avant le bootstrap-responsive.css fichier.

    OriginalL'auteur jevanler

  2. 1

    .contrôle de l'étiquette n'est spécifiée dans le réactif.css (max-width: 480px). Avez-vous essayé de réduire la largeur en bas? Lorsque j'utilise les formes, ils ressemblent à votre exemple jusqu'à 480px, à quel point les étiquettes se déplacer au-dessus du champs de saisie.

    OriginalL'auteur LVB

  3. 0

    Si vous voulez changer à mesure que vous ajoutez à la classe

    <input type="text" name="title" id="title" class="span3" />

    Une autre solution consiste à spécifier directement un style ID largeur: auto

    #title {
    width_auto;
}

    Rappelez-vous que votre nouveau style doit être après le bootstrap css

    Le problème n'est pas mon style ou sur l'entrée. Le problème est que Bootstrap met width:160px sur l'Étiquette, mais Bootstrap Responsive met width:auto sur l'Étiquette et il n'est pas ramasser le Bootstrap Responsive valeur.

    OriginalL'auteur Raul Valverde