2012-10-24 19 views
10

Opracowałem witrynę za pomocą elementów sterujących ASP.NET Telerik. Nie działa (pozycjonowanie, rozdzielczość ekranu) na urządzeniach mobilnych (skalowanie w rozdzielczości).Czy Bootstrap jest zgodny z formantami Telerik ASP.NET?

Postanowiłem zintegrować bootstrap w mojej witrynie, ale style reagujące na bootstrap nie dostosowują tego, czego potrzebuję.

Czy ktoś próbował bootstrap z komponentami Telerik asp.net? są kompatybilne?

Wszelkie sugestie/odpowiedni przewodnik?

Odpowiedz

1

Występują niezgodności między niektórymi ramami, takimi jak Bootstrap i Telerik. Głównym problemem jest to, że różne frameworki używają nazw stylów CSS i jeśli dwie różne struktury używają tej samej nazwy, pojawią się konflikty. Zauważyłem to z najnowszą wersją Bootstrap (3.0) i najnowszą wersją Telerik, w niektórych kontrolkach Telerik checkbox został nadpisany przez Bootstrap. Niestety jest to bardzo trudne do naprawienia, musisz dostosować go do punktu, w którym byłoby łatwiej nie korzystać z frameworka.

+1

Nie chodzi tu tylko o nazwy, problemem jest raczej użycie elementów globalnych w selektorach bootstrap, mogą one zepsuć dowolny układ lub kontrolkę/widget. – rdmptn

+1

@rdmptn Możesz przedrostek bootstrap, aby pomóc w tym. –

0

link Mówi

It depends on what you're trying to accomplish. In general, bootstrap

2.0 is a lot easier to work with along with Telerik because they style less of the default elements, like . In 2.0, they require you to add some class to a element, which means that they don't try to style a Telerik grid, for example. This makes it look better.

What you won't get is a "Bootstrap themed" version of the Telerik controls. Continuing with the Telerik grid example, if you use that in conjunction with Bootstrap it will look like a Telerik grid, not a Bootstrap table, with it's nice pager buttons, etc. That will take a lot of work to change, and I don't recommend it. Telerik emits html with its own CSS class names and mapping that back to Bootstrap would be a chore. I've found, actually, that with Bootstrap I use a lot less of Telerik than I did before, and just use more straight html + Bootstrap.

If you do decide to integrate Telerik in your site, I recommend the Telerik "Simple" theme, which seems to match Bootstrap's default colors best.

+0

Jest teraz skórka Bootstrap od Telerik, więc może pomóc w takiej integracji. – rdmptn

0

RadImageEditor ikony są ukryte, gdy używam bootstrap.

Muszę więc powiedzieć, że nie jest w 100% zgodny.

+0

Czy możesz podzielić się tym, jak powielić problem ukrytych ikon? Próbowałem go odtworzyć z najnowszą wersją Telerik.Web.UI 2014, ale bezskutecznie. Oto test: http://screencast.com/t/GekspoZMDFo –

1

Jeśli potrzebujesz bootstrap, aby strona była responsywna, możesz użyć RadPageLayout: http://www.telerik.com/products/aspnet-ajax/responsive-page-layout.aspx. W ten sposób możesz opuścić Bootstrap. Oto jego dokumentacja: http://www.telerik.bg/help/aspnet-ajax/page-layout-overview.html. Jeśli używasz jakiejś stylizacji, którą oferuje, być może RadFormDecorator może pomóc ci w stylizowaniu posiadanych formularzy: http://demos.telerik.com/aspnet-ajax/formdecorator/examples/overview/defaultcs.aspx.

-1

Tak, niedawno zbudowałem aplikację internetową ASP.NET 2013 przy użyciu Bootstrap i Telerik Ajax w wersji ASP.NET w Q2 2015 i .NET Framework 4.5.1. Podczas realizacji tego projektu, miałem jeden problem: • Jednym z problemów jest to, że podczas korzystania z RadAjaxManager, mam ten błąd:

kolekcji Controls nie mogą być modyfikowane, ponieważ kontrola zawiera bloki kodu (tj <% ...%>).

• Aby to naprawić, zawinąłem sekcję kodu za pomocą kontrolki.

Powiązane problemy