11

Domanda:Esiste una soluzione per l'utilizzo di ASP.NET MVC 5 Html.EditorFor() e Bootstrap 3.0?

C'è un modo per rendere l'ASP.NET MVC 5 Html.EditorFor() helper delle form lavorano con il mutato Bootstrap 3 form syntax *.?

Discussione (di ciò che ho già guardato in):

Sembra ci sono un certo numero di SO domande riguardanti hack per sostituire il costruito nel aiutanti MVC. In generale, non sembra che esista una soluzione supportata per modificare l'HTML dell'helper. (correggimi se ho torto)

Pertanto, è possibile creare un file CSS shim che adatta l'HTML 2.3.x di Helper all'aspetto del modulo Bootstrap 3 CSS? Sembra che la maggior parte degli altri aspetti di MVC 5 siano compatibili con Bootstrap 3 ad eccezione dei campi del modulo automatico.

Il vantaggio di uno shim CSS è che potrebbe essere rimosso quando ASP.NET MVC viene aggiornato per supportare la sintassi Bootstrap più recente in modo nativo.

* Riconosco che ASP.NET MVC 5 è ancora in versione beta ed è stato sviluppato per Bootstrap 2.3.x poiché 3.0 era anche in versione beta al momento.

+0

Ho sentito dire che RTM di MVC 5 includerà il supporto per Bootstrap 3.0, anche se al momento non riesco a trovare quel post sul blog o la nota di rilascio. Se si dispone di informazioni su questo, si prega di pubblicare un link. –

+0

Dan, hai trovato una soluzione da quando hai postato questo? Ora stiamo incontrando lo stesso problema che descrivete dove non possiamo collegare la nuova classe 'form-control' di Bootstrap 3 agli input resi con Html.EditorFor(). Siamo ancora SOL? –

+0

Francamente, non ho controllato di recente. Intendevo testare nuovamente questo problema una volta che la versione finale di Visual Studio 2013 è uscita per vedere se ci fossero miglioramenti. Hai controllato se sono disponibili aggiornamenti NuGet per i tuoi componenti bootstrap e MVC? –

risposta

15

Esiste ora una soluzione MS per gli helper MVC.

E 'attualmente pre-release, ma MVC5.1 ha

MVC 5.1 viene rilasciato e ha

sostegno Bootstrap in vista

Ora permettiamo passando attributi html in EditorFor come oggetto anonimo

codice di esempio ...

@Html.EditorFor(model => model, new { htmlAttributes = new { @class = "form-control" }, }) 

Maggiori informazioni qui .... http://www.asp.net/visual-studio/overview/2013/aspnet-and-web-tools-20132-preview-for-visual-studio-2013-release-notes#mvcbootstrap

.. e installare le istruzioni qui ... http://blogs.msdn.com/b/webdev/archive/2013/12/09/asp-net-and-web-tools-2013-2-preview-for-visual-studio-2013.aspx

+3

Nota che questo aggiornamento è stato rilasciato ufficialmente .. http://blogs.msdn.com/b/webdev/archive/2014/01/20/announcing-the-release-of -Asp-net-MVC-5-1-asp-net-web-api-2-1-e-asp-web-pagine web-3-1.aspx –

2

TwitterBootstrapMVC è una libreria di helper html, il cui obiettivo principale è semplificare la scrittura di html relativi ai moduli di Bootstrap di Twitter.

Ad oggi funziona con la sintassi di Twitter Bootstrap 2. Tuttavia, il supporto per Twitter Bootstrap 3 verrà rilasciato a breve.

Se si utilizzano helper dalla libreria tihs, la transizione dalla v2 alla v3 dovrebbe essere indolore.


Disclaimer: io sono l'autore di TwitterBootstrapMVC
Il BMVC per Bootstrap 3 non è libero.

+7

Vale la pena menzionare che è una biblioteca a pagamento. – Ofiris

+0

menzionato ...... – Dmitry

8

TwitterBootstrapMVC sembra una buona astrazione su Bootstrap 3: ottimo con l'API Fluent, MA inviare i dati della carta di credito per una prova? No.

Problemi correlati