jqGrid + Twitter引导程序(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引导程序.
正如您在小提琴中看到的那样，导航栏很凌乱.
页面选择器元素比应有的要长得多.
这是一个小提琴，带有没有Twitter引导程序的jqGrid.

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/

更新:演示答案中的a>展示了如何使用

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

这篇关于jqGrid + Twitter引导程序(2.1.0):导航栏更改样式的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！