2012-03-20 18 views
203

मैं कुछ मूल पृष्ठ संवर्द्धन के लिए jQuery UI का उपयोग कर रहा हूं। बटन और इनपुट स्टाइल और मोडल संवाद बॉक्स। अब मैं बूटस्ट्रैप में आया हूं और यह बहुत अच्छा दिखता है।ट्विटर बूटस्ट्रैप बनाम jQuery यूआई?

क्या किसी को jQuery UI का उपयोग बूटस्ट्रैप से करने का कोई अनुभव है? यह मैं क्या करने के लिए सोच रहा हूं लेकिन इससे पहले कि मैं यह जानना चाहूंगा कि मुझे किस समस्या का सामना करना पड़ सकता है।

+4

एक संभावित समाधान जो उपलब्ध होने पर उपलब्ध नहीं हो सकता है ... एडी ओस्मानी और उनकी टीम दोनों के विलय पर काम कर रही है - अगर आप उनके बीच फंस गए हैं, तो जांचें और शायद आप कर सकते हैं जो भी आप चाहते हैं उसे प्राप्त करें! - http://addyosmani.github.io/jquery-ui-bootstrap/ – streetlight

+45

एक और अच्छा सवाल बंद कर दिया गया है। – mtyson

+1

अपडेट कैसे करें (2014!) उत्तर? क्या कोई यहां एक बक्षीस शुरू कर सकता है? –

उत्तर

131

मेरे पास कई परियोजनाएं हैं।

  • jQuery UI, वापस आने के लिए सुरक्षित है इसे सही ढंग से काम करता है और जहां Bootstrap CSS3 पर आधारित है पुराने ब्राउज़र में अच्छा लग रहा है, जो मूल रूप से नए ब्राउज़र में महान मतलब है, इसलिए में महान नहीं मेरी राय में सबसे बड़ा अंतर पुराना

  • अद्यतन आवृत्ति: बूटस्ट्रैप को भयानक नई सुविधाओं के साथ कुछ महान बड़े अपडेट मिल रहे हैं, लेकिन दुख की बात है कि वे पिछले कोड को तोड़ सकते हैं, इसलिए आप केवल बूटस्ट्रैप स्थापित नहीं कर सकते हैं और जब कोई नई बड़ी रिलीज हो तो अपडेट हो सकता है, इसे मूल रूप से आवश्यक है बहुत सारे नए कोडिंग

  • jQuery यूआई जावास्क्रिप्ट से परिवर्तन के साथ अच्छी एचटीएमएल संरचना पर आधारित है, जबकि बूटस्ट्रैप दृश्यमान और अनुकूलन इनलाइन संरचना पर आधारित है। (JQUERY UI में विजेट को बूट करना, इसे बूटस्ट्रैप में परिभाषित करना)

तो क्या चुनना है?

यह हमेशा उस प्रोजेक्ट के प्रकार पर निर्भर करता है जिस पर आप काम कर रहे हैं। क्या ठंडा और तेज दिखने वाला विजेट बेहतर है, या आपके उपयोगकर्ता अक्सर पुराने ब्राउज़र का उपयोग कर रहे हैं?

मैं हमेशा दोनों का उपयोग कर समाप्त करता हूं, इसलिए मैं दोनों दुनिया के सर्वश्रेष्ठ का उपयोग कर सकता हूं।

यदि आप उनका उपयोग करने का निर्णय लेते हैं, तो दोनों ढांचे के लिंक यहां दिए गए हैं।

  1. jQuery UI
  2. Bootstrap
+2

- जवाब देने के लिए समय लेने के लिए धन्यवाद। मेरी ज़रूरतें आईई 9 या अन्य बाद के संस्करण ब्राउज़र पर काम करने वाली चीज़ों के लिए हैं जिनके पास बहुत अच्छा CSS3 समर्थन है। बूटस्ट्रैप मेरे लिए अच्छा लग रहा है।एक सवाल। मैं एएसपी.एमवीसी का उपयोग कर रहा हूँ। मैंने कम आवश्यकता के बारे में कुछ देखा। माइक्रोसॉफ्ट एएसपी एमवीसी मंच के साथ बूस्ट्रैप ठीक काम करेगा? "कम" कहां फिट है? – Jessica

+0

आप कम फ़ाइलों को .css फ़ाइलों में संकलित कर सकते हैं। बूटस्ट्रैप का निर्माण (मेक का उपयोग करके), सीएसएस फ़ाइलों का उपयोग करने के लिए तैयार हो जाएगा। इस तरह आपको कम उपयोग करने की आवश्यकता नहीं है। – mikaelb

+3

कम एक सीएसएस ढांचा है। बूस्ट्रैप (उनके पास नियमित सीएसएस/जेएस संस्करण) का उपयोग करने के लिए किसी भी तरह की आवश्यकता नहीं है, लेकिन कम से कम आप आसानी से सीएसएस (बदलते रंग इत्यादि) में चरबी बना सकते हैं, इसे आश्रित बना सकते हैं, कार्य कर सकते हैं। यहां देखें: http://lesscss.org/ और .NET में एक कंपाइलर के लिए एक बीटा संस्करण है: http://www.dotlesscss.org/ –

33

आप अपेक्षाकृत कुछ मुद्दों के साथ दोनों का उपयोग कर सकते हैं। ट्विटर बूटस्ट्रैप jQuery 1.7.1 (इस लेखन के रूप में) का उपयोग करता है, और मैं किसी भी कारण से नहीं सोच सकता कि आप अपने HTML टेम्पलेट्स में अतिरिक्त Jquery UI घटकों को एकीकृत क्यों नहीं कर सकते हैं।

मैं HTML5 Boilerplate & ट्विटर बूटस्ट्रैप का उपयोग Initializr.com पर बनाया गया है। यह दो शानदार स्टार्टर टेम्पलेट्स को एक महान स्टार्टर प्रोजेक्ट में जोड़ता है। http://html5boilerplate.com/ और http://www.initializr.com/ पर विवरण देखें या तुरंत शुरू करने के लिए, http://www.initializr.com/ पर जाएं, "बूटस्ट्रैप 2" बटन पर क्लिक करें और "इसे डाउनलोड करें" पर क्लिक करें। यह आपको शुरू करने के लिए आवश्यक सभी जेएस और सीएसएस देगा।

और एचटीएमएल 5 और CSS3 से डरो मत। Initializr और एचटीएमएल 5 बॉयलरप्लेट polyfills और IE विशिष्ट कोड है कि सभी सुविधाओं IE 6, 7 8 में काम करने की अनुमति देगा, और 9.

ट्विटर बूटस्ट्रैप में कम का उपयोग शामिल है भी वैकल्पिक है। वे बूटस्ट्रैप द्वारा उपयोग किए जाने वाले सभी सीएसएस को संकलित करने के लिए कम उपयोग करते हैं, लेकिन यदि आप केवल अपनी शैली को ओवरराइड करना चाहते हैं या जोड़ना चाहते हैं, तो वे उस उद्देश्य के लिए एक खाली सीएसएस फ़ाइल प्रदान करते हैं।

वहाँ भी एक खाली js फ़ाइल (script.js) आप कस्टम कोड जोड़ने के लिए है। यह वह जगह है जहां आप अतिरिक्त jQueryUI घटकों के लिए अपने हैंडलर या चयनकर्ता जोड़ देंगे।

+0

ग्रेट उत्तर। त्वरित प्रश्न कठिन, ट्विटर बूटस्ट्रैप और उसके प्लगइन में शामिल नहीं है jquery ui वास्तव में क्या पेशकश करता है? – MindWire

+5

क्षमा करें, बस इसे देखा। जहां तक ​​जेएस विजेट्स, jQuery UI में डेटपिकर और स्लाइडर है, जो बूटस्ट्रैप में शामिल नहीं हैं। इसके अलावा jqUI में इंटरैक्शन और प्रभाव शामिल हैं, जैसे ड्रैग-एंड-ड्रॉप, शो/छुपाएं एनिमेशन, क्लास टॉगलिंग, और कई अन्य। बूटस्ट्रैप के लेआउट घटकों के साथ jqUI की इंटरैक्शन का संयोजन एक बहुत ही शक्तिशाली संयोजन हो सकता है। – eterps

+5

के लिए बाहर देखने के लिए एक मुद्दा; दोनों परियोजनाएं असंगत तरीकों से $ .fn.button को परिभाषित करती हैं। – Levi

27

हम दोनों का इस्तेमाल किया है और हम अपनी सादगी और गति, जिस पर यह विकसित किया जा रहा है और बढ़ाया के लिए बूटस्ट्रैप पसंद है। JQuery यूआई के साथ समस्या यह है कि यह एक घोंघा की गति से आगे बढ़ रहा है। मेनूबार, ट्री कंट्रोल और डाटाग्रिड जैसी सामान्य विशेषताओं को शुरू करने में सालों लग रहे हैं जो कि हमेशा के लिए योजना/विकास चरण में हैं। हम इंतजार कर रहे थे इंतजार किया और आखिरकार छोड़ दिया और हमारे उत्पाद http://dblite.com के लिए ExtJS जैसे अन्य पुस्तकालयों का उपयोग किया।

बूटस्ट्रैप समय की एक बहुत ही कम अवधि में सुविधाओं के काफी एक व्यापक सेट के साथ आ गया और मुझे यकीन है कि यह बहुत जल्द jQuery यूआई आगे बढ़ना होगा हूँ।

तो मैं कुछ है कि अंत में पुराना हो जाएगा ...

+40

सब कुछ अंततः पुराना हो जाएगा। कुछ भी करने में कोई बात नहीं है। – tilgovi

+5

सच है, हमें केवल वह चुनने की जरूरत है जिसे हम सोचते हैं कि लंबे समय तक इसकी जमीन होगी। – Rajiv

+7

नहीं, आपको बस उस व्यक्ति को चुनने की ज़रूरत है जो आपके ग्राहकों से पैसे लाएगा। एक बार जब आप इसे काम कर लेते हैं, तो इसे थोड़ी देर के लिए काम करना जारी रखना चाहिए, भले ही यह शैली से बाहर हो जाए, इसलिए केवल वास्तविक चिंता ही पैसा है। – Adam

73

का प्रयोग करने में कोई मतलब नहीं दोनों का उपयोग किया करने के बाद दिखाई देता है तो ट्विटर की बूटस्ट्रैप एक बेहतर प्रौद्योगिकी तैयार है। jQuery यूआई यहाँ जीतता है: यहाँ कुछ मतभेद,

  • विजेट हैं। जिस तारीख को यह विजेट प्रदान करता है वह बेहद उपयोगी है, और ट्विटर बूटस्ट्रैप इस तरह के कुछ भी प्रदान नहीं करता है।
  • मचान: बूटस्ट्रैप यहाँ जीतता है। ट्विटर के ग्रिड दोनों तरल पदार्थ और निश्चित शीर्ष पायदान हैं। jQuery यूआई अंत उपयोगकर्ता को पृष्ठ लेआउट छोड़ने के लिए यह दिशा भी प्रदान नहीं करता है।
  • बॉक्स व्यावसायिकता से बाहर: बूटस्ट्रैप CSS3 का उपयोग कर लीग आगे है, jQuery यूआई तुलना द्वारा दिनांकित लग।
  • प्रतीक: मैं इस पर टाई जायेंगे। Bootstrap has nicer icons imhojQuery UI से, लेकिन मुझे शर्तों को एक बिट पसंद नहीं है, ग्लाइफिकॉन हाफ्लिंग आमतौर पर मुफ्त में उपलब्ध नहीं होते हैं, लेकिन बूटस्ट्रैप और ग्लाइफिकॉन रचनाकारों के बीच एक व्यवस्था ने डेवलपर्स के रूप में आपको कोई कीमत नहीं दी है। धन्यवाद के रूप में, हम आपको जब भी व्यावहारिक रूप से ग्लाइफिकॉन में वैकल्पिक लिंक शामिल करने के लिए कहते हैं।
  • छवियाँ & थंबनेल: goes to Bootstrap, jQuery यूआई भी यहाँ मदद नहीं करता है।

अन्य नोट,

  • यह समझना महत्वपूर्ण है कि कैसे इन दोनों प्रौद्योगिकियों भी क्षेत्रों में प्रतिस्पर्धा जरूरी है। बहुत सारे ओवरलैप हैं, लेकिन यदि आप सरल मचान और निश्चित/द्रव निर्माण चाहते हैं बूटस्ट्रैप एक और तकनीक नहीं है, तो यह सबसे अच्छी तकनीक है। यदि आप कोई एकल विजेट चाहते हैं, तो jQuery UI शायद शीर्ष तीन में भी नहीं है। आज, jQuery यूआई मुख्य रूप से एक एकीकृत फ्रेमवर्क का उपयोग कर क्लाइंट-साइड विजेट निर्माण के लिए स्थिरता और अवधारणा के सबूत के लिए एक खिलौना है।
संबंधित मुद्दे