jQuery UI ve Bootstrap tema collission

Question

bende ikisi de var

, jQuery UI tema ve benim sayfaya bağlı bir Bootstrap 2.1 css. Ben Bootstrap tarzı düğmeleri kullanın durumlarda, metin üzerlerinde görüntülenir.

bir hata ayıklama aracına çıkarıldı

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

, 1em artık düğme metni atmalarını görünmez olduğu kadar küçük olması: O bu soruna neden olan jQuery UI tema hatları olduğu ortaya çıktı. Ben daha değere sahip böylece stil listesinde sonradan likned Bootstrap.css emin yapılmış, ancak jQuery UI defeiniciton daha özeldir var. Nasıl jQuery UI css verilerini benim önyükleme düğmeleri etkilemek için PREVEN edebilir?

Answer 1

Düğmeler, özellikle, bir sorun vardır. jQuery UI'nin düğme uygulaması Bootstrap ile çakışıyor. Eğer kendi standart formda onları kullanmak istiyorsanız, çatışmayı ortadan kaldırmak için, önce Widget başlatımlar için, sayfanıza aşağıdaki satırları ekleyebilirsiniz: Ben sadece basit durumlarda bu test ettik

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

, ama genel olarak çalıştığını farz ediyorum. Yaklaşım, uygun referans bağlantıları ile burada açıklanmaktadır:

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

Answer 2

Bu tema ile her iki dünyanın en iyi birleştirebilirsiniz: http://addyosmani.github.com/jquery-ui-bootstrap