jqGrid + twitter bootstrap（2.1.0）：navbar更改样式

Question

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

我正在使用jqGrid 4.4.1（jQuery UI 1.8.23），我刚开始使用twitter bootstrap。
正如您在此fiddle中看到的那样，导航栏很乱 页面选择器元素比它应该长得多 这是fiddle，其中jqGrid没有twitter bootstrap。

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

感谢您的帮助。

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 demo的

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