jqGrid + twitter bootstrap (2.1.0):导航栏改变风格 [英] jqGrid + twitter bootstrap (2.1.0): navbar changes style

问题描述

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

I am trying to figure out how to fix this problem but I don't seem to be able to find a solution.

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

I am using jqGrid 4.4.1 (jQuery UI 1.8.23) and I've just started to use twitter bootstrap.
As you can see in this fiddle the navigation bar is messy.
The page selector element is much longer than it should be.
This is a fiddle with jqGrid without twitter bootstrap.

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

Is there anyone out there who can try to help me to fix this?
Are there any other issues I should be aware of?

感谢您的帮助.

推荐答案

我认为你应该包含额外的 CSS 样式，例如

I think you should includes additional CSS styles like

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 图标.这可能是你想要的.

UPDATED: The demo from the answer show how to use Font Awesome icons. It's probably what you wanted to have.

这篇关于jqGrid + twitter bootstrap (2.1.0):导航栏改变风格的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！