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

Question

我正在想办法解决这个问题，但我似乎无法找到解决方案。

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

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

感谢您的帮助。

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/

更新：来自the answer 的The demo 显示如何使用Font Awesome icons。这可能是你想要的。