1
hinzuzufügen Ich versuche, mein Eingabefeld auf meinem wtform Feld größer zu machen. Ich fand diesen Beitrag, der zeigt, wie Form-Steuerelement verwenden,Ich versuche, Input-lg wtform
{{form.email (Klasse _ = "form-control")}} Add a css class to a field in wtform
Und diese Bootstrap ein, wie man verwenden inputlg,
Eingangs class = "form-control inputlg" id = "inputlg" type = "text" http://www.w3schools.com/bootstrap/bootstrap_forms_sizing.asp
Aber sie arbeiten nicht zusammen in meinem Code. Es gibt keinen Fehler, es funktioniert einfach nicht.
<form id="signinform" class="form form-horizontal" method="post"
role="form" style="font-size:24px;”>
{{ form.hidden_tag() }}
{{ wtf.form_field(form.last_name, class_="form-control input-lg") }}
</form>
Es gibt noch ein paar Formularzeilen, die aber nicht enthalten sein müssen.
Wie kann ich das schaffen? Was mache ich falsch? (ich habe Bootstrap und alles bereits importiert)
Dank
Wenn Sie nur ein Feld haben, können Sie die Feldbreite leicht erhöhen. Wenn Sie mehr Felder haben, verwenden Sie div und inside div und verwenden Sie die Klassen "col-md-5" und "col-md-5 col-md -offset-2 ". Sehen Sie das Bootstarp Modal Tutorial – SumanKalyan
Ich konnte tatsächlich nur ein paar Javascript verwenden und nur um größer zu sein, Wenn Sie das gleiche Problem hier haben, ist der Code, den ich verwendet: $ (document) .ready (function() {$ (" #XX input "). AddClass ('input-lg');}); XX = ID des Formulars – Thomas