jquery - jqGrid + twitter bootstrap (2.1.0)：导航栏改变风格

Question

我试图弄清楚如何解决这个问题，但我似乎无法找到解决方案。

我正在使用 jqGrid 4.4.1 (jQuery UI 1.8.23)，我刚刚开始使用 twitter 引导程序。
正如你在这个小提琴中看到的那样，导航栏很乱。
页面选择器元素比应有的长得多。
这是一个没有 twitter 引导的 jqGrid的小提琴。

有没有人可以尝试帮助我解决这个问题？
还有其他我应该注意的问题吗？

谢谢你的帮助。

Answer 1

我认为您应该包括其他 CSS 样式，例如

input.ui-pg-input {
    width: auto;
    padding: 0px;
    margin: 0px;
    line-height: normal
}
select.ui-pg-selbox {
    width: auto;
    padding: 0px;
    margin: 0px;
    line-height: normal
}

​见http://jsfiddle.net/ZHRaD/14/

更新：答案中的演示展示了如何使用Font Awesome 图标。这可能是你想要的。