Cập nhật Bootstrap lên phiên bản 3 - tôi phải làm gì?

Tôi mới sử dụng Bootstrap và có phiên bản 2.3.2 cũ hơn.

Phiên bản 3 đã được phát hành. Tôi chỉ cần thay thế các tệp CSS và Javascript nếu tôi muốn sử dụng phiên bản mới nhất?

1. Tải xuống phiên bản mới nhất từ http://getbootstrap.com/ HOẶC thay thế các tệp css và js bằng các phiên bản mới nhất hoặc sử dụng CDN ( http://www.bootstrapcdn.com/ )

2. Di chuyển html của bạn, có thực sự đọc http://bootply.com/bootstrap-3-migration-guide . Bạn có thể thử http://twitterbootstrapmigrator.w3masters.nl/ hoặc http://code.divshot.com/bootstrap3_upgrader/ (cung cấp cả danh sách kiểm tra)

   • Hình ảnh không phản hồi theo mặc định trong Twitter Bootstrap 3?
   • Tạo kiểu cho các nút Bootstrap 3.x của Twitter
   • Thay đổi màu thanh điều hướng trong Twitter Bootstrap 3

3. loại bỏ html5shiv gây giảm TB hỗ trợ cho IE7 và Firefox 3.x Thêm html5shiv.js để thêm hỗ trợ các phần tử HTML5 cho IE8

4. thêm response.js ( https://github.com/scottjehl/Respond ) để hỗ trợ truy vấn phương tiện trong IE. LƯU Ý điều này sẽ không hoạt động với CDN, hãy xem: Sự cố IE8 với Twitter Bootstrap 3

5. Nếu bạn sử dụng Glyphicons, bạn sẽ phải thêm chúng từ http://glyphicons.getbootstrap.com/ (các biểu tượng đã được chuyển đến một kho lưu trữ riêng.) Glyphicon đã trở lại kể từ RC2 (180 glyph ở định dạng phông chữ từ bộ Glyphicon Halflings)

6. Nếu bạn sử dụng thành phần Javascript Typeahead, bạn sẽ phải tích hợp https://github.com/twitter/typeahead.js/ (khiến javascript typeahead bị rớt) Xem thêm: Các vấn đề về typeahead với Bootstrap 3.0 RC1 Hoặc sử dụng plugin "cũ" : https://github.com/bassjobsen/Bootstrap-3-Typeahead , xem thêm: /programming/18615964/ajax-call-in-bootstrap-3-0-typeahead/18620473

7. Chuyển sang phiên bản mới nhất của jQuery 1.x (không sử dụng phiên bản 2.x vì jQuery 2.x không hỗ trợ IE8)

8. Nếu bạn sử dụng các tiện ích của bên thứ ba để thêm hoặc chèn html vào mã của bạn (như addthis.com, sharethis.com và Google maps), hãy tạo một lớp bao bọc cho kích thước hộp, hãy xem: Đường viền bên phải của bộ đếm AddThis bị thiếu với Bootstrap 3 của Twitter

Khác:

Bootstrap 3 chuyển sang box-sizing: border-box tại sao ?: https://stackoverflow.com/a/18858771/1596547

Lưu ý hỗ trợ cho IE7 đã bị loại bỏ. https://github.com/coliff/bootstrap-ie7 cố gắng thêm lại phần css bằng cách sử dụng một số CSS có điều kiện.

Cập nhật 2018

Bootstrap 3 đến 4

Công cụ nâng cấp Bootstrap 4 ( công cụ này sẽ giúp chuyển từ Bootstrap 3 sang 4)

Bootstrap 2 đến 3

Một ứng cử viên phát hành (không phải là bản phát hành cuối cùng 3) cho Bootstap 3 RC 1 đã được công bố vào thứ Sáu (26 tháng 7 năm 2013), vì vậy vẫn chưa có bất kỳ hướng dẫn di chuyển chính thức nào.

Có những thay đổi lớn đối với Bootstrap 3. Không có khả năng tương thích ngược với 2.x, vì vậy bạn không thể chỉ thay thế các tệp. Tuy nhiên, bạn có thể tìm thấy một số hướng dẫn hữu ích tại Bootply:

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

Ngoài ra còn có một công cụ di chuyển Bootstrap đang hoạt động: https://github.com/iatek/bootstrap-migrate

Công cụ nâng cấp Bootstrap 2.x lên 3: http://upgrade-bootstrap.bootply.com/v3

hầu như không thể chuyển từ bootstrap 2.3 sang 3.0. sự thay đổi phiên bản là rất mạnh mẽ. Tôi đã cố gắng cập nhật dự án zend framework 2 của mình bằng bootstrap 3.0 và kết quả là một mớ hỗn độn (như cố gắng mở bằng IE 5).

Lời khuyên của tôi: dự án cũ sử dụng bootstrap 2.X let với bootstrap 2.x. Dự án bắt đầu mới, bắt đầu với 3.0.

Theo tôi, việc thay đổi phiên bản như vậy là một lỗi rất lớn từ nhóm bootstrap. Đáng lẽ họ phải cập nhật dần dần 2.4, 2.5, 2.6….

Tôi vừa chuyển sang 3.0.3 và ứng dụng python này https://pypi.python.org/pypi/b2tob3/0.4 đã thực hiện nhiệm vụ khá dễ dàng.

Tôi đã tạo một plugin grunt để tự động nâng cấp bootstrap 2.3 lên 3.0 html.

Kiểm tra nó tại https://github.com/jdewit/grunt-html-upgrader

Nó không chắc chắn nhưng sử dụng phần mở rộng joomla rereplacer này

tham khảo liên kết này,

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

nếu không, ghi đè Mẫu là cách duy nhất để làm điều này.

Hai công cụ trực tuyến để nâng cấp lên Bootstrap 3:

TỪ bootply

TỪ divshot

Nếu bạn đang có một ứng dụng lớn với nhiều tệp với nhiều tùy chỉnh, mọi công cụ đơn lẻ có thể không giải đáp được hầu hết các trường hợp bạn đang gặp phải.

Tất nhiên, trước tiên, tôi khuyên bạn nên thử: https://pypi.python.org/pypi/b2tob3/0.4 nhưng điều này sẽ không đáp ứng nhu cầu của tôi, tôi đã tách phiên bản này và điều chỉnh phiên bản của riêng mình để có thể di chuyển cùng nhau Bootstrap 2 đến 3 và Font Awesome 3 đến 4 cùng nhau, một số trường hợp không xử lý được trong b23tob3-v0.4 (bản gốc) đang cố gắng xử lý trong phiên bản của tôi.

Đọc bài đăng của tôi tại đây: http://ask.osify.com/qa/589 Tìm bản cập nhật của tôi trong github: https://github.com/metrey/b2tob3 Bạn cũng có thể tìm thấy ứng dụng Windows đã biên dịch ở đó để sử dụng ngay lập tức .

LUÔN LUÔN sao lưu các tệp của bạn và cam kết mọi thứ trong quyền kiểm soát nguồn trước khi sử dụng công cụ.

Chúc may mắn và chia sẻ mặc dù của bạn.