Bootstrap 3 - Forme horizontale ne fonctionne pas

Je suis en utilisant Django avec CrispyForms et je suis à jour un vieux projet de la mine de BS3.

La seule chose que je n'ai pas trouver comment adapter sont form-horizontal. Mes formulaires utilisés pour ressembler à ceci:

Maintenant l'étiquette est toujours sur le dessus de l'entrée - comme c'était avant avec form-vertical.

Je lire certains postes sur Pile, googlé autour, mais personne n'a de travail croustillant réponse pour moi!

Le plus étrange, c'est que le Bootstrap gars dire qu'ils n'ont pas les modifier ou les supprimer cette classe.

Les idées de ce que je peux faire pour obtenir mon ancien, belle horizontale " formes de retour?

Merci!

Mise à jour:

CrispyForms produit est le suivant, même avec bootstrap3 comme pack de modèle:

<div class="form-group" id="div_id_title">
    <label class="control-label  requiredField" for="id_title">Titel
        <span class="asteriskField">*</span>
    </label>
    <div class="controls ">
        <input type="text" name="title" maxlength="65" id="id_title" class="textinput textInput form-control"> 
    </div>
</div>

OriginalL'auteur Ron | 2014-01-06

4

Prendre un coup d'oeil ici:

http://django-crispy-forms.readthedocs.org/en/latest/crispy_tag_forms.html#bootstrap3-horizontal-forms

Vous devez ajouter
```
helper.label_class = 'col-lg-x' #for example 'col-lg-2'
helper.field_class = 'col-lg-x' #for example 'col-lg-10'
```
BS3 a une grille de 12 colonnes système, plus d'infos à ce sujet ici
http://getbootstrap.com/css/#grid

Qui a fait de la forme horizontale, mais malheureusement, les étiquettes d'aligner à gauche, je suis en train de corriger ça maintenant.

Mise à JOUR: Si vous avez des problèmes avec l'espacement vertical entre les champs d'ajouter une ligne de classe css de la div extérieure de chaque champ, le code html de sortie:
```
<div class="form-group row" id="div_id_title">

    ###labels HTML###

</div>
```
Probablement un bug sur le field.html de modèle pour bootstrap3.

OriginalL'auteur Ramiro Motteta
3

Avez-vous mis le form-control à l'intérieur de form-group?
```
<form class="form-horizontal" role="form">
<div class="form-group">
    <label lass="col-sm-2 control-label">Password</label>
    <div class="col-sm-10">
      <input type="password" class="form-control" id="inputPassword" placeholder="Password">
    </div>
</div>..
</form>
```
Démo: http://bootply.com/104095

Le problème semble être que CrispyForms n'est pas de mise, les classes à droite - même avec "bootstrap3" comme modèle de pack... je vais mettre à jour ma réponse avec un exemple
J'ai exactement le même problème. L'étiquette classes sont prêts à "control-label requiredField"

OriginalL'auteur Zim
3

J'ai passé quelques heures à essayer de comprendre cela. Pour moi, cela a fonctionné. Vous devez aller dans le projet settings.py et ajouter la ligne:
```
CRISPY_TEMPLATE_PACK = 'bootstrap3'
```
Après avoir cherché à travers les docs, j'ai fini par trouver que j'ai eu à le faire dans le croustillant-formes de code source lui-même:
```
       if (
            TEMPLATE_PACK == 'bootstrap3'
            and not is_checkbox(field)
            and not is_file(field)
        ):
            css_class += ' form-control'
```
OriginalL'auteur Ain Britain

Vous devez vous connecter pour publier un commentaire.

Démo: http://bootply.com/104095