Jquery 2 col-md-6';It’在我的剑道格网模板中没有并排排列

Jquery 2 col-md-6';It’在我的剑道格网模板中没有并排排列,jquery,twitter-bootstrap,kendo-ui,kendo-grid,kendo-template,Jquery,Twitter Bootstrap,Kendo Ui,Kendo Grid,Kendo Template,我的col-md-6在网格的detailTemplate中并排排列时遇到问题 如果我不是在detailTemplate中这样做的,那么它工作得很好,只是不在这里,我不知道为什么 $(文档).ready(()=>{ 风险值数据=[{ ID:1, 名字:“人物角色”, 姓氏:“123” }, { ID:2, 名字:“PersonB”, 姓氏:“456” }, { ID:3, 名字:“PersonC”, 姓氏:“789” } ]; $(“#网格列表”).kendoGrid({ 数据源:{ 数据:数据

我的col-md-6在网格的detailTemplate中并排排列时遇到问题

如果我不是在detailTemplate中这样做的,那么它工作得很好,只是不在这里,我不知道为什么

$(文档).ready(()=>{
风险值数据=[{
ID:1,
名字:“人物角色”,
姓氏:“123”
},
{
ID:2,
名字:“PersonB”,
姓氏:“456”
},
{
ID:3,
名字:“PersonC”,
姓氏:“789”
}
];
$(“#网格列表”).kendoGrid({
数据源:{
数据:数据
},
模式:{
型号:{
字段:{
身份证:{
类型:“编号”
},
名字:{
类型:“字符串”
},
姓氏:{
类型:“字符串”
}
}
}
},
可过滤:false,
栏目:[{
字段:“ID”,
标题:“身份证”,
隐藏:真的
},
{
字段:“名字”,
标题:“名字”
},
{
字段:“姓氏”,
标题:“姓氏”
}
],
可滚动:对,
可排序:是的,
可分页:false,
可选:“行”,
可重排序:false,
分组:false,
可调整大小:正确,
列菜单:false,
更改:功能(e){
var行=$(this).closest('tr');
var prev=行。prev();
控制台日志(prev);
},
detailInit:function(e){},
detailTemplate:kendo.template($('#mytemplate').html()),
身高:500
});
});

此问题与剑道UI和引导所使用的冲突
框大小调整
属性有关,如中所述

它们提供了一些css规则来解决这个问题,当应用到您的示例中时,它们看起来确实有效:

$(文档).ready(()=>{
风险值数据=[{
ID:1,
名字:“人物角色”,
姓氏:“123”
},
{
ID:2,
名字:“PersonB”,
姓氏:“456”
},
{
ID:3,
名字:“PersonC”,
姓氏:“789”
}
];
$(“#网格列表”).kendoGrid({
数据源:{
数据:数据
},
模式:{
型号:{
字段:{
身份证:{
类型:“编号”
},
名字:{
类型:“字符串”
},
姓氏:{
类型:“字符串”
}
}
}
},
可过滤:false,
栏目:[{
字段:“ID”,
标题:“身份证”,
隐藏:真的
},
{
字段:“名字”,
标题:“名字”
},
{
字段:“姓氏”,
标题:“姓氏”
}
],
可滚动:对,
可排序:是的,
可分页:false,
可选:“行”,
可重排序:false,
分组:false,
可调整大小:正确,
列菜单:false,
更改:功能(e){
var行=$(this).closest('tr');
var prev=行。prev();
控制台日志(prev);
},
detailInit:function(e){},
detailTemplate:kendo.template($('#mytemplate').html()),
身高:500
});
});

/*将所有内容重置为默认长方体模型*/
*,:之前,:之后
{
-webkit框大小:内容框;
-moz框大小:内容框;
框大小:内容框;
}
/*仅将边框框模型设置为需要它的图元*/
.form控件,/*如果该类应用于剑道UI小部件,其布局可能会更改*/
.货柜,
.容器液体,
一行
.col-xs-1、.col-sm-1、.col-md-1、.col-lg-1、,
.col-xs-2、.col-sm-2、.col-md-2、.col-lg-2、,
.col-xs-3、.col-sm-3、.col-md-3、.col-lg-3、,
.col-xs-4、.col-sm-4、.col-md-4、.col-lg-4、,
.col-xs-5、.col-sm-5、.col-md-5、.col-lg-5、,
.col-xs-6、.col-sm-6、.col-md-6、.col-lg-6、,
.col-xs-7、.col-sm-7、.col-md-7、.col-lg-7、,
.col-xs-8、.col-sm-8、.col-md-8、.col-lg-8、,
.col-xs-9、.col-sm-9、.col-md-9、.col-lg-9、,
.col-xs-10、.col-sm-10、.col-md-10、.col-lg-10、,
.col-xs-11、.col-sm-11、.col-md-11、.col-lg-11、,
.col-xs-12、.col-sm-12、.col-md-12、.col-lg-12
{
-webkit框大小:边框框;
-moz框大小:边框框;
框大小:边框框;
}