Setzen bootstrap-style für eine textbox in MVC für ein Suchfeld
Habe ich ein Suchfeld, dass ich Sie anpassen möchten, mit Bootstrap
Stil. Die textbox
code in der aspx-ist:
@Html.TextBox("SearchString")
Aber ich bekomme textbox
mit einem standard-Stil.
Andernfalls ist der button der Sucher ist mit einem bootstrap-Stil mit diesem code:
<button class="btn" type="submit">Buscar</button>
So, ich habe die Referenz von der bootstrap library
in meinem Projekt. Was ist der beste Ansatz, um die textbox
mit dem richtigen Stil?
Danke in erweiterte.
- hinzufügen, dass die Klasse Ihr Helfer sollte dann die Arbeit für Sie. siehe hier stackoverflow.com/questions/5435842/...
- Ich bin mit Razor code: @Html.TextBox("SearchString"), Wie kann ich bootstrap-Stil in diesem Fall?
- wenn Sie dem link Folgen, die ich aufgenommen es zeigt Ihnen, wie Sie zum hinzufügen von Klassen zum Helfer
Du musst angemeldet sein, um einen Kommentar abzugeben.
Können Sie fügen Sie eine Klasse oder id zu Ihrer Html-Helfer durch ein anonymes Objekt der htmlAttributes Eigenschaft in der Helfer-Konstruktor wie diese.
In der Bootstrap, die Sie verwenden wollen die Klassen, die form-Gruppe und Formular-control. Mehr Informationen in der Dokumentation http://getbootstrap.com/css/
Könnte man es so machen:
Wenn Sie möchten, fügen Sie die-Taste, um Ihre Textfeld?
http://getbootstrap.com/components/#input-groups-buttons
Ersetzen Sie Ihre
<input>
mit@Html.TextBox("SearchString", null, new {@class="form-control"})
MIT HTML-Helper:
Wenn Sie möchten, eine HTML-Helper für die Bootstrap-TextBox-Ihr könnte so etwas tun:
Verwenden und dann wie dies: