การอัปเดต Bootstrap เป็นเวอร์ชัน 3 - ฉันต้องทำอย่างไร

ฉันเพิ่งเริ่มใช้ Bootstrap และมีเวอร์ชันเก่ากว่า 2.3.2

เวอร์ชัน 3 ได้รับการเผยแพร่แล้ว ฉันเพียงแค่แทนที่ไฟล์ CSS และ Javascript ถ้าฉันต้องการใช้เวอร์ชันล่าสุด

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/ (ระบุรายการตรวจสอบด้วย)

   • รูปภาพไม่ตอบสนองตามค่าเริ่มต้นใน Twitter Bootstrap 3?
   • ปุ่ม Bootstrap 3.x ของ Twitter
   • เปลี่ยนสี navbar ใน Twitter Bootstrap 3

3. ลบ html5shiv ทำให้ TB ลดลงรองรับ IE7 และ Firefox 3.xเพิ่ม html5shiv.js เพื่อเพิ่มการรองรับองค์ประกอบ HTML5 ให้กับ IE8

4. เพิ่ม response.js ( https://github.com/scottjehl/Respond ) เพื่อรองรับการสืบค้นสื่อใน IE หมายเหตุสิ่งนี้ใช้ไม่ได้กับ CDN โปรดดู: ปัญหา IE8 กับ Twitter Bootstrap 3

5. หากคุณใช้ Glyphicons คุณจะต้องเพิ่มจากhttp://glyphicons.getbootstrap.com/ (ไอคอนถูกย้ายไปยังที่เก็บแยกต่างหาก) Glyphicons กลับมาตั้งแต่ RC2 (180 สัญลักษณ์ในรูปแบบอักษรจากชุด Glyphicon Halflings)

6. หากคุณใช้คอมโพเนนต์ Javascript Typeahead คุณจะต้องรวมhttps://github.com/twitter/typeahead.js/ (ทำให้จาวาสคริปต์ typeahead หลุด) ดูเพิ่มเติม: ปัญหา Typeahead กับ Bootstrap 3.0 RC1หรือใช้ปลั๊กอิน "เก่า" : https://github.com/bassjobsen/Bootstrap-3-Typeaheadดูเพิ่มเติมที่: /programming/18615964/ajax-call-in-bootstrap-3-0-typeahead/18620473

7. เปลี่ยนเป็นjQuery 1.xเวอร์ชันล่าสุด(อย่าใช้เวอร์ชัน 2.x ทำให้ jQuery 2.x ไม่รองรับ IE8)

8. หากคุณใช้วิดเจ็ตของบุคคลที่สามซึ่งเพิ่มหรือแทรก html ลงในโค้ดของคุณ (เช่น addthis.com, sharethis.com และ Google maps) ให้สร้างกระดาษห่อหุ้มสำหรับการปรับขนาดกล่องโปรดดู: ขอบด้านขวาของตัวนับ AddThis หายไปพร้อมกับ Bootstrap 3 ของ Twitter

อื่น ๆ :

Bootstrap 3 เปลี่ยนเป็น box-sizing: border-box ทำไม?: https://stackoverflow.com/a/18858771/1596547

หมายเหตุการรองรับ IE7 ถูกยกเลิก https://github.com/coliff/bootstrap-ie7ลองเพิ่มส่วน css กลับโดยใช้ CSS เงื่อนไขบางอย่าง

อัปเดต 2018

Bootstrap 3 ถึง 4

เครื่องมืออัพเกรด Bootstrap 4 (ซึ่งจะช่วยในการโยกย้ายจาก Bootstrap 3 เป็น 4)

Bootstrap 2 ถึง 3

มีการประกาศผู้สมัครรุ่น (ไม่ใช่รุ่นสุดท้าย 3) สำหรับ Bootstap 3 RC 1 เมื่อวันศุกร์ (26 กรกฎาคม 2556) ดังนั้นจึงยังไม่มีคำแนะนำในการย้ายข้อมูลอย่างเป็นทางการ

มีการเปลี่ยนแปลงที่สำคัญสำหรับ Bootstrap 3 ไม่มีความเข้ากันได้ย้อนหลังกับ 2.x ดังนั้นคุณจึงไม่สามารถแทนที่ไฟล์ได้ อย่างไรก็ตามคุณสามารถค้นหาคำแนะนำที่เป็นประโยชน์ได้ที่ Bootply:

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

นอกจากนี้ยังมีเครื่องมือการย้าย Bootstrap ในการทำงาน: https://github.com/iatek/bootstrap-migrate

เครื่องมืออัพเกรด Bootstrap 2.x ถึง 3: http://upgrade-bootstrap.bootply.com/v3

แทบจะเป็นไปไม่ได้เลยที่จะย้ายจาก bootstrap 2.3 เป็น 3.0 การเปลี่ยนแปลงเวอร์ชันนั้นรุนแรงมาก ฉันพยายามอัปเดตโครงการ zend framework 2 ด้วย bootstrap 3.0 และผลลัพธ์ก็ยุ่งเหยิง (เช่นพยายามเปิดด้วย IE 5)

คำแนะนำของฉัน: โครงการเก่าที่ใช้ bootstrap 2.X ให้กับ bootstrap 2.x โครงการเริ่มต้นใหม่เริ่มต้นด้วย 3.0

ในความคิดของฉันการเปลี่ยนแปลงเวอร์ชันดังกล่าวเป็นข้อผิดพลาดที่ยิ่งใหญ่มากจากทีม bootstrap พวกเขาควรจะทำการอัปเดตแบบค่อยเป็นค่อยไป 2.4, 2.5, 2.6 ....

ฉันเพิ่งย้ายไปที่ 3.0.3 และแอพ python นี้https://pypi.python.org/pypi/b2tob3/0.4ทำให้มันเป็นเรื่องง่ายมาก

ฉันสร้างปลั๊กอินฮึดฮัดเพื่ออัปเกรด bootstrap 2.3 เป็น 3.0 html โดยอัตโนมัติ

ดูได้ที่https://github.com/jdewit/grunt-html-upgrader

ไม่แน่ใจ แต่ใช้ส่วนขยาย rereplacer joomla นี้

อ้างอิงลิงค์นี้

http://www.nonumber.nl/extensions/rereplacer

มิฉะนั้นการลบล้างเทมเพลตเป็นวิธีเดียวที่จะทำได้

เครื่องมือออนไลน์สองอย่างสำหรับอัพเกรดเป็น Bootstrap 3:

จาก bootply

จาก divshot

หากคุณมีแอปพลิเคชันขนาดใหญ่ที่มีไฟล์จำนวนมากพร้อมการปรับแต่งจำนวนมากเครื่องมือทุกชิ้นอาจไม่สามารถตอบโจทย์ส่วนใหญ่ที่คุณเผชิญอยู่ได้

ก่อนอื่นฉันขอแนะนำให้ลอง: https://pypi.python.org/pypi/b2tob3/0.4แต่สิ่งนี้ไม่ตอบโจทย์ความต้องการของฉันฉันแยกเวอร์ชันนี้และปรับรุ่นของฉันเองเพื่อให้สามารถโยกย้ายไปด้วยกันได้ Bootstrap 2 ถึง 3 และ Font Awesome 3 ถึง 4 ด้วยกันบางกรณีที่ไม่ปฏิบัติตาม b23tob3-v0.4 (อันเดิม) กำลังพยายามรักษาในเวอร์ชันของฉัน

อ่านโพสต์ของฉันที่นี่: http://ask.osify.com/qa/589 ค้นหาการอัปเดตของฉันใน github: https://github.com/metrey/b2tob3 นอกจากนี้คุณยังสามารถค้นหาแอป Windows ที่คอมไพล์แล้วเพื่อใช้งานได้ทันที .

สำรองไฟล์ของคุณเสมอและกำหนดทุกอย่างในการควบคุมแหล่งที่มาก่อนที่จะใช้เครื่องมือ

ขอให้โชคดีและแบ่งปันของคุณ