11

Pytanie:Czy istnieje rozwiązanie do korzystania z ASP.NET MVC 5 Html.EditorFor() i Bootstrap 3.0?

Czy istnieje sposób, aby ASP.NET MVC 5 Html.EditorFor (pomocnicy) forma pracy z zmienił Bootstrap 3 form syntax *.?

Dyskusja (z tego, co wyglądało na już):

Wydaje się, istnieje wiele SO pytania dotyczące sieka zastąpić wbudowany pomocników MVC. Ogólnie nie wygląda na to, że istnieje obsługiwane rozwiązanie do modyfikacji kodu HTML pomocnika. (proszę mnie poprawić, jeśli się mylę)

Czy jest zatem możliwe zbudowanie shims pliku CSS, który dostosuje HTML Helpera 2.3.x do wyglądu Bootstrap 3 formularza CSS? Wydaje się, że większość innych aspektów MVC 5 jest zgodna z Bootstrap 3, z wyjątkiem pól formularza automatycznego.

Zaletą podkładki CSS jest to, że można ją usunąć, gdy ASP.NET MVC zostanie zaktualizowany, aby natywnie obsługiwać nowszą składnię Bootstrap.

* Przyjmuję do wiadomości, że program ASP.NET MVC 5 jest nadal w wersji beta i został opracowany dla Bootstrap 2.3.x, ponieważ 3.0 był również w wersji beta w tym czasie.

+0

Słyszałem, że RTM w MVC 5 będzie zawierał obsługę Bootstrap 3.0, chociaż nie mogę obecnie znaleźć tego wpisu na blogu lub wydania. Jeśli masz informacje na ten temat, opublikuj link. –

+0

Dan, czy znalazłeś rozwiązanie, odkąd to opublikowałeś? Obecnie napotykamy ten sam problem, który opisujesz, gdy nie możemy dołączyć nowej klasy 'form-control' Bootstrap 3 do danych wejściowych renderowanych za pomocą Html.EditorFor(). Czy wciąż jesteśmy SOL? –

+0

Szczerze mówiąc, ostatnio nie sprawdzałem. Zamierzałem ponownie przetestować ten problem, gdy pojawiła się ostateczna wersja programu Visual Studio 2013, aby sprawdzić, czy są jakieś ulepszenia. Czy sprawdziłeś, czy dostępne są aktualizacje NuGet dla składników bootstrap i MVC? –

Odpowiedz

15

Istnieje teraz rozwiązanie MS dla pomocników MVC.

To obecnie przedpremierowych, ale MVC5.1 ma

MVC 5.1 jest zwolniony i ma

Bootstrap wsparcie w widokach

Teraz umożliwić przekazując atrybuty html w edytorzeDla anonimowego obiektu

Przykład kod ...

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

Więcej informacji na ten temat tutaj .... http://www.asp.net/visual-studio/overview/2013/aspnet-and-web-tools-20132-preview-for-visual-studio-2013-release-notes#mvcbootstrap

.. i tu instrukcje instalacji ... http://blogs.msdn.com/b/webdev/archive/2013/12/09/asp-net-and-web-tools-2013-2-preview-for-visual-studio-2013.aspx

+3

Uwaga: ta aktualizacja została oficjalnie wydana. 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-i-asp-net-strony-strony-3-1.aspx –

2

TwitterBootstrapMVC to biblioteka pomocników html, której głównym celem jest uproszczenie pisania html związanego z formularzami Bootstrap na Twitterze.

Na dzień dzisiejszy działa ze składnią Twitter Bootstrap 2. Jednak wsparcie dla Twitter Bootstrap 3 ukaże się wkrótce.

Jeśli korzystasz z helperów z biblioteki tihs, przejście z wersji v2 na wersję v3 powinno być bezbolesne.


Disclaimer: Jestem autorem TwitterBootstrapMVC
BMVC dla Bootstrap 3 nie jest za darmo.

+7

Warto wspomnieć, że jest to płatna biblioteka. – Ofiris

+0

wymienione ...... – Dmitry

8

TwitterBootstrapMVC wygląda jak dobra abstrakcja w stosunku do Bootstrap 3 - świetne w Fluent API, ALE wysyłanie danych karty kredytowej na próbę? Nie.