2016-06-13 1 views
1

私のWebアプリケーションで剣道とブートストラップを使いたいです。私はkendo.material.cssスタイルが好きです。ブートストラップレスポンス機能を使用できるようにbootstrap.cssをリンクすると、いくつかのブートストラップスタイリング、つまり焦点を絞った入力の周りに青色の境界線が表示されます。 (色など)、ブートストラップの特定のスタイリングことなく、これらの2つのフレームワークを使用するにはブートストラップと剣道の使い方

答えて

1

剣道によると、の間で最良の統合を使用して達成されなければならない方法:

  1. kendo.common-bootstrap.minを使用します.css の代わりに kendo.common.css。これにより、剣道UIのサイズがBootstrapのサイズと一致するようになります。

  2. 剣道UIウィジェットにブートストラップカラーを適用するkendo.bootstrap.min.cssテーマのテーマを使用してください。詳細については

あなたはここで確認できます。 http://docs.telerik.com/kendo-ui/third-party/using-kendo-with-twitter-bootstrap

剣道もthemebuilderを提供しています。あなたはここでそれを見つけることができます: http://docs.telerik.com/kendo-ui/styles-and-layout/themebuilder

をアンドレ

+0

ありがとうございます。私はそれをしようとしました:私は次のスタイルがリンクされていた: bootstrap.css kendo-material.css kendo.common-bootstrap.css 入力にピントを合わせると、しかし、フォームコントロールクラスは入力の100%幅を設定しません。 kendo.common-bootstrap.cssの.k-textboxクラスによってオーバーライドされています。その幅は12.4emです。 – Marcin

+0

@Marcinの例はありますか? jsfiddleで十分でしょう – andrescpacheco

+0

ここには次のようなものがあります:https://jsfiddle.net/p7ej5a9a/2/ htmlコードは、cshtmlファイルにあるこのような影響です。 @ Html.Kendo()。TextBoxFor(x => x.SomeProperty).HtmlAttributes(new {@class = "form-control"}) – Marcin

関連する問題