Kendo TabStrip中的Bootstrap网格

时间:2015-08-31 11:50:20

标签: css twitter-bootstrap-3 telerik kendo-tabstrip

我想使用Bootstrap网格系统来组织Teleriks KendoUi TabStrip内容。前两行应使用10列单元,第三行有两个元素,每列5个单元。 看起来两个x 5单位列在前两行中的总宽度不超过10个单位。它在TabStrip之外工作。 问题是:我如何解决行为上的差异? 以下是一个示例:http://jsbin.com/xiherudoji/edit?html,output

2 个答案:

答案 0 :(得分:1)

原因在于框大小调整样式,它必须是Bootstrap的边框,但是由kendo css设置为content-box。覆盖TabStrip内容div中所有元素的样式可修复Bootstrap的问题,并且不会对TabStrip产生任何负面影响。

答案 1 :(得分:0)

这可能是因为col-sm-5的填充左侧和填充右侧。如果你删除第三个填充右边,第四个填充左边,你会看到两个完全对齐在第一个和第二个之下。