2012-09-05 59 views
4

我想弄清楚如何解决这个问题,但我似乎无法找到解决方案。jqGrid + twitter引导(2.1.0):navbar更改样式

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

有没有人可以试着帮我解决这个问题?
我应该知道有什么其他问题吗?

感谢您的帮助。

+0

替代解决方案:http://stackoverflow.com/a/11841957/1478467 – Sherbrow

+0

@Sherbow:这很有趣。让我们看看是否有人想出更容易的事情。不管怎么说,还是要谢谢你。 – LeftyX

+0

从[答案](http://stackoverflow.com/a/13865495/315935)看[演示](http://www.ok-soft-gmbh.com/jqGrid/FortAwesome/FortAwesome.htm) 。我认为这是你想要的。 – Oleg

回答

9

我想你应该包括额外的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 demothe answer展示如何使用Font Awesome icons。这可能是你想要的。

+0

谢谢奥列格。你的CSS完成这项工作。希望我不会发现任何其他功能的麻烦。 – LeftyX

+0

@LeftyX:不客气! – Oleg