jquery - jqGrid + twitter Bootstrap (2.1.0) : navbar changes style

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 。这可能就是您想要的。