Bootstrap 是否与 ASP.NET Telerik 控件兼容？

Question

我使用 ASP.NET Telerik 控件和组件开发了一个站点。 它在移动设备上无法正常工作（定位、屏幕分辨率）（跨分辨率缩放）。

我决定将引导程序集成到我的网站中，但引导程序响应样式并没有调整我需要的内容。

有没有人尝试过使用 asp.net Telerik 组件进行引导？ 两者兼容吗？

任何建议/适当的指南？

Answer 1

Bootstrap 和 Telerik 等一些框架之间存在不兼容。 主要问题是不同的框架使用 CSS 样式名称，如果两个不同的框架使用相同的名称，则会出现冲突。 我在最新版本的 Bootstrap (3.0) 和最新版本的 Telerik 中注意到了这一点，在某些 Telerik 控件中，Bootstrap 覆盖了复选框格式。 不幸的是，修复它非常棘手，您需要对其进行自定义，以便根本不使用该框架会更容易。

Answer 2

如果您需要引导程序使您的页面响应，您可以使用 RadPageLayout： http : //www.telerik.com/products/aspnet-ajax/responsive-page-layout.aspx 。 因此，您可以删除 Bootstrap。 这是它的文档： http : //www.telerik.bg/help/aspnet-ajax/page-layout-overview.html 。 如果您正在使用它提供的一些样式，也许 RadFormDecorator 可以帮助您设置表单的样式： http ://demos.telerik.com/aspnet-ajax/formdecorator/examples/overview/defaultcs.aspx。

Answer 3

链接说

这取决于您要实现的目标。 一般来说，引导程序

2.0 与 Telerik 一起使用要容易得多，因为它们样式较少的默认元素，如 . 例如，在 2.0 中，它们要求您向元素添加一些类，这意味着它们不会尝试设置 Telerik 网格的样式。 这使它看起来更好。

您不会得到 Telerik 控件的“Bootstrap 主题”版本。 继续使用 Telerik 网格示例，如果您将它与 Bootstrap 结合使用，它将看起来像 Telerik 网格，而不是 Bootstrap 表格，带有漂亮的寻呼机按钮等。这将需要大量工作才能更改，我不不推荐。 Telerik 使用自己的 CSS 类名称发出 html，并将其映射回 Bootstrap 将是一件苦差事。 我发现，实际上，在 Bootstrap 中，我使用的 Telerik 比以前少了很多，只是使用了更直接的 html + Bootstrap。

如果您决定将 Telerik 集成到您的站点中，我建议使用 Telerik“Simple”主题，它似乎与 Bootstrap 的默认颜色最匹配。

Answer 4

当我使用引导程序时，RadImageEditor 图标是隐藏的。

所以我必须说它不是 100% 兼容的。

Answer 5

如果您让我提出建议，您可以检查 MBootstrap（它是构建在 Bootstrap 之上的前端框架）。 在那里您会找到一篇包含免费 ASP.NET 模板的文章。

Answer 6

是的，我最近使用 Bootstrap 和 Telerik ASP.NET Ajax 版本 Q2 2015 和 .NET Framework 4.5.1 构建了 ASP.NET 2013 Web 应用程序。 在我实施这个项目的过程中，我遇到了一个问题： • 一个问题是，当我使用 RadAjaxManager 时，我得到了这个错误：

无法修改 Controls 集合，因为该控件包含代码块（即 <% ... %>）。

• 为了解决这个问题，我用控件包装了代码部分。