Css 如何使用引导和剑道界面

我想在我的web应用程序中使用KendoUI和bootstrap。我喜欢kendo.material.css风格。当我链接bootstrap.css以使用bootstrap响应功能时，我还获得了一些bootstrap样式，即聚焦输入周围的蓝色边框。如何使用这两个框架而不使用特定于引导的样式（颜色等）

根据kendo的说法，应通过以下方式实现两者之间的最佳集成：

使用kendo.common bootstrap.min.css而不是kendo.common.css。这可以确保剑道UI的尺寸与引导中的尺寸相匹配

使用kendo.bootstrap.min.css主题，将引导颜色应用于kendo UI小部件

有关更多信息，您可以在此处查看：

剑道还提供了一个themebuilder。你可以在这里找到它：

---

安德烈

谢谢你。我试着这么做：我链接了以下样式：bootstrap.css kendo-material.css kendo.common-bootstrap.css它看起来不错-聚焦输入时没有蓝色边框。但表单控件类并没有设置输入的100%宽度。它被kendo.common-bootstrap.css的.k-textbox类覆盖，宽度为12。4em@Marcin你能举个例子吗？一个JSFIDLE就足够了：html代码是cshtml文件中类似这样的效果：@html.Kendo（）.TextBoxFor（x=>x.SomeProperty）.HtmlAttributes（new{@class=“form control”}）@Marcin就像我在回答中提到的（第2点），你应该包括Kendo.bootstrap.min.css。这是一个实际的例子，我不太确定你是否应该像对待kendo.material.min.css那样加入它，但在这种情况下，这并不重要。谢谢。我认为我们彼此误解了。我想使用kendo.material样式——我想让输入看起来像我的jsfiddle（jsfiddle.net/p7ej5a9a/2）示例。正如您在示例中所看到的，样式略有不同-输入周围有一个边框，在聚焦时呈蓝色发光。我想使用bootstrap框架来使用它的响应特性：诸如row、col-*、表单组、表单控件等类。我想要实现的是能够应用k-textbox类，使控件看起来像我的小提琴，但由于表单控件类的缘故，它的宽度为100%。