jqGrid + twitter bootstrap(2.1.0):navbar改变样式

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

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

那里有谁可以试着帮我解决这个问题吗?
还有其他我应该注意的问题吗?

谢谢你的帮助。

我认为你应该包括其他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图标 。 这可能是你想要的。