css - Kendo TabStrip 中的引导网格

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

我想使用 Bootstrap Grid 系统来组织 Teleriks KendoUi TabStrip 内容。前2行使用10个列单元,第三行有两个元素,每5个列单元。 在前两行中,似乎两个 x 5 单位列加起来不等于 10 个单位的宽度。它在 TabStrip 之外工作。 问题是:如何解决行为差异? 这是一个示例:http://jsbin.com/xiherudoji/edit?html,output

最佳答案

原因在于box-sizing样式,Bootstrap要求是border-box,kendo css设置为content-box。覆盖 TabStrip 内容 div 中所有元素的样式修复了 Bootstrap 的问题并且对 TabStrip 没有负面影响。

关于css - Kendo TabStrip 中的引导网格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32310579/

相关文章:

javascript - Kendo Refresh (DropDownList.refresh()) 不工作错误未定义

css - 跨浏览器字体/颜色问题 - Chrome/Safari

javascript - CSS 闪烁/闪烁 Logo 技巧

javascript - Bootstrap 表格行可点击行中的按钮

javascript - 如何在页面滚动时将 Bootstrap Modal 固定在屏幕上?

asp.net - 在回发之间保留 RadComboBox 选定项

css - 语法高亮方法

jquery - 可以根据设备屏幕大小关闭 Bootstrap 工具提示吗?

html - 页面调整大小时的 Bootstrap 3.0 导航

javascript - 通过模板字段打开 NavigateUrl 窗口