1

ブートストラップCSSフレームワークと統合したときに剣道UIグリッドを表示する方法を知りたいです。

ブートストラップと統合すると、グリッド列が正しく整列しません。

ブートストラップは次のコードを使用していることがわかりました

*,*:before,*:after {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
  }

これは、剣道 ui グリッドのレイアウトを妨げます。

プロジェクトでブートストラップ css フレームワークを使用する必要があります。それが必須です。

このcssを削除すると出力が得られることを知っています。必要な出力を達成するための他の解決策があるかどうかを知りたいです。その解決策が存在する場合、それは何ですか？

以下は私のフィドルです

http://jsfiddle.net/W4KLp/

レイアウトでわかるように、生年月日と年齢の列 (行) の配置が乱れています。

4

2 に答える 2

1

私は同じ問題を抱えています。私の簡単な解決策は、親コンテナーの正規化クラスを追加することです。例えば ​​：

<div class="container">
     // kendo ui grid mvvm
     <div data-role="grid">
     </div>
</div>

<style>
.container *,
.container *:after,
.container *:before
{
    -webkit-box-sizing : content-box !important;
    box-sizing : content-box !important
}
</style>
于 2013-11-25T15:35:42.147 に答える