संस्करण 3 में बूटस्ट्रैप अपडेट करना - मुझे क्या करना है?


102

मैं बूटस्ट्रैप के लिए नया हूं और इसका पुराना संस्करण 2.3.2 है।

संस्करण 3 जारी किया गया है। अगर मैं नवीनतम संस्करण का उपयोग करना चाहता हूं तो क्या मैं बस CSS और जावास्क्रिप्ट फ़ाइलों को बदल सकता हूं?


आप परिवर्तनों पर पढ़ना चाहते हैं और सुनिश्चित कर सकते हैं कि वे आपके पास पहले से मौजूद किसी भी चीज़ को नहीं तोड़ेंगे, लेकिन हाँ बस फाइलों को बदल दें
Patsy Issa

हां, मैं सिर्फ यह सुनिश्चित करना चाहता हूं कि मैं यह सही ढंग से कर रहा हूं। मुझे लगता है कि बूटस्ट्रैप अब तक की सबसे अच्छी चीज रही है - इसका कमाल। मैं अगले संस्करण का उपयोग करने का इच्छुक हूं। मुझे यकीन है कि मैं कहीं पढ़ रहा था जो उपयोग कर सकता है। अपडेट को प्रबंधित करने के लिए .less का उपयोग कर सकता है लेकिन मैं शायद इसके साथ गलत हूं।
मेंहदी


ध्यान दें कि भले ही डॉक्स 3.0 में सब कुछ "द्रव" कहता है, यह अभी भी कंटेनरों के लिए निश्चित पिक्सेल चौड़ाई का उपयोग करता है ... जो कि डंबल की तरह है जो द्रव लेआउट के बिल्कुल विपरीत है।
Cerin

जवाबों:


134
  1. Http://getbootstrap.com/ से नवीनतम संस्करण डाउनलोड करें या css और js फ़ाइलों को नवीनतम संस्करणों के साथ बदलें या CDN ( http://www.bootstrapcdn.com/ ) का उपयोग करें

  2. अपना html माइग्रेट करें, हाँ वास्तव में http://bootply.com/bootstrap-3-migration-guide पढ़ें । आप http://twitterbootstrapmigrator.w3masters.nl/ या http://code.divshot.com/bootstrap3_upgrader/ (चेकलिस्ट भी प्रदान करें) आज़मा सकते हैं

  3. IE7 के लिए html5shiv कारण टीबी ड्रॉप समर्थन को हटा दें और फ़ायरफ़ॉक्स 3.x html5shiv.js को IE8 में HTML5 तत्वों के समर्थन को जोड़ने के लिए जोड़ें

  4. IE में मीडिया क्वेरी समर्थन के लिए response.js ( https://github.com/scottjehl/Respond ) जोड़ें । ध्यान दें कि यह सीडीएन के साथ काम नहीं करेगा, देखें: IE8 मुद्दा ट्विटर बूटस्ट्रैप 3 के साथ

  5. यदि आप ग्लिफ़िकॉन का उपयोग करते हैं, तो आपको उन्हें http://glyphicons.getbootstrap.com/ से जोड़ना होगा (आइकनों को एक अलग रिपॉजिटरी में स्थानांतरित कर दिया गया है।) RC2 के बाद से ग्लाइफ़िकॉन वापस आ गए हैं (ग्लिफ़िकॉन हेलफ्लिंग्स सेट से फ़ॉन्ट प्रारूप में 180 ग्लिफ़्स)।

  6. यदि आप जावास्क्रिप्ट टाइपहेड घटक का उपयोग करते हैं, तो आपको https://github.com/twitter/typeahead.js/ (कारण typeahead जावास्क्रिप्ट को छोड़ दिया गया है) को एकीकृत करना होगा। यह भी देखें: बूटस्ट्रैप या RC1 के साथ टाइपहेड समस्याएं "पुराने" प्लगइन का उपयोग करें : https://github.com/bassjobsen/Bootstrap-3-Typeahead , यह भी देखें: /programming/18615964/ajax-call-in-bootstrap-3-0-pypeahead/18620473

  7. JQuery 1.x के नवीनतम संस्करण पर जाएं (2.x संस्करण का उपयोग न करें jQuery 2.x IE8 का समर्थन न करें)

  8. यदि आप अपने कोड में html को जोड़ने या डालने वाले तृतीय पक्ष विजेट का उपयोग करते हैं (जैसे addthis.com, sharethis.com और Google मानचित्र), तो बॉक्स-साइज़िंग के लिए एक आवरण बनाएं, देखें: Twitter के बूटस्ट्रैप 3 के साथ AddThis काउंटर की दाईं सीमा गायब है

अन्य:

बूटस्ट्रैप 3 बॉक्स-साइज़ करने के लिए स्विच: बॉर्डर-बॉक्स क्यों ?: https://stackoverflow.com/a/18858771/1556547

IE7 के लिए नोट समर्थन को गिरा दिया गया है। https://github.com/coliff/bootstrap-ie7 कुछ सशर्त CSS के उपयोग के साथ वापस css भाग जोड़ने का प्रयास करें।


जो एक विशाल उपक्रम की तरह लगता है। इसमें कितना समय लगना चाहिए? 1 सप्ताह का काम? 1 महीना? 6 महीने?
कर्ट

समस्या यह है कि BS2 BS3 के साथ पीछे संगत नहीं है, यह भी देखना है bassjobsen.weblogs.fm/...
बास Jobsen

1
अगर मुझे अनुमान लगाना था, तो मैं कहूंगा कि इसे अपग्रेड करने में कुछ महीने लग सकते हैं। क्रूर।
कर्ट

@ आप मुझे एक ई-मेल भेजें। शायद मैं आपकी सहायता कर सकता हूँ?
बैस जॉब्स

मैं आपको एक ई-मेल कैसे भेजूँ? अपने ट्विटर हैंडल के माध्यम से? मैं थोड़ा अधिक v3 पढ़ता हूं और ऐसा लगता है कि यह मुख्य रूप से पुराने फोन के लिए समर्थन जोड़ना है। यदि हां, तो मुझे नहीं लगता कि मुझे v3 की आवश्यकता है।
कर्ट

22

अपडेटेड 2018

बूटस्ट्रैप 3 से 4

बूटस्ट्रैप 4 अपग्रेड टूल (यह बूटस्ट्रैप 3 से 4 में माइग्रेट करने में मदद करेगा)


बूटस्ट्रैप 2 से 3

बूटस्टैप 3 आरसी 1 के लिए एक रिलीज उम्मीदवार (अंतिम रिलीज 3 नहीं) शुक्रवार (26 जुलाई 2013) को घोषित किया गया था, इसलिए अभी तक कोई आधिकारिक माइग्रेशन मार्गदर्शन नहीं है।

बूटस्ट्रैप 3 के लिए प्रमुख बदलाव हैं। 2.x के साथ कोई पीछे की संगतता नहीं है, इसलिए आप फ़ाइलों को बदल नहीं सकते। आप हालांकि यहां कुछ उपयोगी मार्गदर्शन बूटपेल में पा सकते हैं:

http://bootply.com/bootstrap-3-migration-guide

कार्यों में बूटस्ट्रैप माइग्रेशन टूल भी है: https://github.com/iatek/bootstrap-migrate

बूटस्ट्रैप 2.x से 3 अपग्रेड टूल: http://upgrad-bootstrap.bootply.com/v3


1
भविष्य की ओर से बधाई! यहां बूटस्ट्रैप 4 टूल है: अपग्रेड-
Zim

14

बूटस्ट्रैप 2.3 से 3.0 में माइग्रेट करना लगभग असंभव है। संस्करण परिवर्तन बहुत कठोर है। मैंने बूटस्ट्रैप 3.0 के साथ अपने ज़ेंड फ्रेमवर्क 2 प्रोजेक्ट को अपडेट करने की कोशिश की और परिणाम एक गड़बड़ था (जैसे IE 5 के साथ खोलने की कोशिश करना)।

मेरी सलाह: बूटस्ट्रैप 2.X का उपयोग कर पुराना प्रोजेक्ट 2. बूटस्ट्रैप 2.x के साथ चलें। नई शुरुआत परियोजना, 3.0 से शुरू।

मेरी राय में इस तरह के संस्करण परिवर्तन बूटस्ट्रैप टीम से एक बहुत बड़ी त्रुटि थी। उन्हें क्रमिक अद्यतन 2.4, 2.5, 2.6 करना चाहिए था ...।


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

1
पलायन करना बहुत मुश्किल है। मुझे लगता है कि यह सलाह महान है। यह असंभव नहीं है, लेकिन मुश्किल है - 2. * के दूसरे संस्करणों से अपग्रेड करने जैसा कुछ भी नहीं है। * *।
d -_- b

यह असंभव नहीं है और बहुत आसान बना दिया जाता है यदि आप जैसे पैटर्न के लिए खोज / प्रतिस्थापन कर सकते हैं span12
tadman

3
मैं आपको यह सुनिश्चित कर सकता हूं कि मैंने सभी संभावित प्रतिस्थापन किए, यहां तक ​​कि अलग-अलग सीएसएस पर भी जहां मैं डिस्ट्रैप डिफॉल्ट थीम और कोड में ओवरराइड करता हूं, लेकिन मुझे अच्छा परिणाम नहीं मिला। केवल स्पैन 12 के बारे में मत सोचो, सभी स्पैन के बारे में सोचो *, सभी नौसेना, टेबल और बहुत कुछ, बूटस्ट्रैप के एक भारी गहरे उपयोग के बारे में
सोचें

बूटस्ट्रैप (कई वेब फ्रेमवर्क की तरह) सिमेंटिक वर्जनिंग का अनुसरण करता है , इसलिए असंगत एपीआई परिवर्तनों को शुरू करने वाले 2. * से 3 तक के परिवर्तन।
जेक बर्गर





0

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

सबसे पहले, मैं निश्चित रूप से कोशिश करने की सलाह देता हूं: https://pypi.python.org/pypi/b2tob3/0.4 लेकिन यह मेरी जरूरत का जवाब नहीं देगा, मैंने इस संस्करण को कांटा और अपने आप को एक साथ माइग्रेट करने में सक्षम होने के लिए अनुकूलित किया। बूटस्ट्रैप 2 से 3 और फ़ॉन्ट विस्मयकारी 3 से 4 एक साथ, कुछ मामले जो b23tob3-v0.4 (मूल एक) में इलाज नहीं करते हैं, मेरे संस्करण में इलाज करने की कोशिश कर रहे हैं।

मेरी पोस्ट यहाँ पढ़ें: http://ask.osify.com/qa/589 github में मेरा अपडेट ढूंढें: https://github.com/metrey/b2tob3 आप संकलित विंडोज़ ऐप भी पा सकते हैं और साथ ही साथ तुरंत उपयोग करने के लिए ।

हमेशा अपनी फ़ाइलों का बैकअप लें और उपकरण का उपयोग करने से पहले स्रोत नियंत्रण में सब कुछ करें।

शुभकामनाएँ और अपने हालांकि साझा करें।

हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.