jQuery UI和Bootstrap主题整理

Question

我有两个，jQuery UI主题和引导2.1 css链接到我的页面。在我使用Bootstrap样式的按钮的情况下，它们上不显示任何文本。事实证明，正是jQuery UI主题中的这些行导致了问题：

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }

在调试工具中删除时，1em不再将按钮文本强制转换为不可见的小文本。我已经确保Bootstrap.css在后面的样式表列表中比较，所以它有更多的值，但jQuery UI的缺点更具体。如何使用jQuery UI css数据来影响我的引导按钮？

Answer 1

特别是按钮，是一个问题。jQuery UI的按钮实现与Bootstrap的按钮实现冲突。如果您想以标准形式使用它们，可以在小部件初始化之前向页面添加以下行，以消除冲突：

var btn = $.fn.button.noConflict() // reverts $.fn.button to jqueryui btn
$.fn.btn = btn // assigns bootstrap button functionality to $.fn.btn

我只在简单的情况下测试了这一点，但我假设它在一般情况下是有效的。这里使用适当的参考链接描述了该方法：

http://www.dullsharpness.com/2013/04/29/resolve-jqueryui-and-twitter-bootstrap-button-conflict/

Answer 2

你可以通过这个主题将两者的优点结合起来：http://addyosmani.github.com/jquery-ui-bootstrap